CSS (Cascading Style Sheets)

• 웹 페이지를 꾸미기 위해 작성하는 코드 (style sheet 언어)
• HTML 요소가 표시되는 방식을 설명하며, HTML 문서의 스타일을 지정하는 언어

기본 문법

선택자(selector) {
	스타일 속성(property): 값(value);
}

p {
	width: 300px;
  color: whitesmoke;
	background-color: aqua;
}

선언 방식

• 내장 방식 : HTML 문서 내 <style> ~ </style> 코드 삽입
• 인라인 방식 : HTML 문서 내에서 요소에 직접 style 속성을 추가
• 링크 방식 : HTML 문서 내에서 <link> 태그를 사용하여 외부 CSS 파일을 연결 (병렬 연결)
• @import 방식 : CSS의 @import 규칙으로 CSS 문서 내에서 또 다른 CSS 파일을 연결 (직렬 연결)

<aside> 💡 내장 방식과 인라인 방식은 유지보수가 힘들기 때문에 널리 권장되는 선언은 아니며, @import 방식의 직렬연결법은 앞선 CSS파일의 연결이 늦어지면 함께 늦어질 수 있다.

</aside>

스타일 상속

• 부모/조상 요소에 적용된 스타일값이 하위 요소까지 영향을 끼치는 것
• “inherit” 강제상속법 : 해당 요소의 스타일값은 부모 요소로부터 강제로 상속된다는 의미

Selector {
	style: inherit;
}