**HTML 요소의 스타일을 지정하는 언어**.
글꼴, 색상, 배경, 크기, 여백, 위치 등을 꾸밀 수 있음.
웹 페이지의 **시각적 표현**을 담당.
<link rel="stylesheet" href="style.css">
<aside> 💡
HTML에 스타일을 적용하고 싶을 때, HTML 요소 지정하는 역할
</aside>
선택자 | 설명 | 예시 |
---|---|---|
전체 선택자 | 모든 요소 선택 | * { margin: 0; } |
태그 선택자 | 특정 태그 전체 선택 | p { ... } |
클래스 선택자 | class 속성 가진 요소 선택 |
.title { ... } |
아이디 선택자 | id 속성 가진 요소 선택 |
#main { ... } |
자식 선택자 | 특정 부모 아래 자식 선택 | ul > li { ... } |
그룹 선택자 | 여러 선택자 동시에 적용 | h1, h2 { ... } |