CSS 기본
CSS?
- CSS규칙은 선택자(selector)와 선언(declaration)으로 구성된다.
- 선택자는 규칙이 적용되는 엘리먼트.
- 선언 부분에서는 선택자에 적용될 스타일을 작성.
- 선언은 중괄호로 감싸며, 속성(property)과 값(value)로 이루어짐.
외부 스타일 시트 적용
<link>
를 사용하여 외부 스타일 시트를 적용.
<link>
는 <head>
안에 작성하며 rel, type, href 3가지 속성을 주로 사용.
내부 스타일 시트 적용
<style>
을 사용하여 내부 스타일 시트를 적용.
<style>
tag 내부에 css 규칙을 작성.
- 외부 스타일 시트보다 우선 적용.
인라인 스타일 적용
- 개별 element마다 스타일을 지정하므로 유지보수에 용이하지 않다.
- 스타일 적용 우선순위는 인라인 스타일 > 내부 스타일 시트 > 외부 스타일 시트 순.
CSS 이해
선택자의 이해
- HTML 문서에서 CSS 규칙 적용 타겟이 되는 다양한 종류의 CSS 선택자가 존재.
- 일반 선택자는 전체 선택자, 타입 선택자, 클래스 선택자, ID 선택자로 분류.
- 복합 선택자는 자식 선택자, 하위 선택자, 인접 형제 선택자, 일반 형제 선택자로 분류.
- 그 외에도 가상 클래스 선택자, 가상 엘리먼트 선택자, 속성 선택자가 존재.