CSS란? | Notion

CSS란?

Cascading Style Sheets의 약자로, HTML문서를 꾸밀 때 사용하는 스타일을 정리한 시트(문서)
스타일(Style)은 글꼴의 색상, 정렬 또는 요소의 배치방법 등과 같이 시각적 효과를 결정

CSS의 구조

Untitled

선택자(Selector) 스타일을 지정 할 HTML 요소를 선택
선언부(Declaration) CSS 속성명과 속성값이 포함되는 부분
속성명(Attribute) 지정할 스타일의 속성명을 지정
속성값(Value) 해당 속성명에 맞는 값을 지정

스타일 시트 종류

브라우저 스타일 (Browser Style) CSS를 사용하지 않아도 적용되는 기본스타일
사용자 스타일 (User Style) 웹 사이트 제작자가 만든 스타일

CSS 적용 방법

인라인 스타일(Inline Style Sheet) HTML요소에 스타일을 적용
내부 스타일(Internal Style Sheet) <head>태그에 <style>태그를 사용하여 적용
외부 스타일(External Style Sheet) <head>태그에 "<link rel="stylesheet" href="CSS파일 경로">"를 추가하여 사용