종류 | 설명 | 작성 예 |
전체 선택자 | 문서의 모든 요소에 스타일 적용 | * { margin : 0 ; } |
타입 선택자 | 특정 태그를 사용한 모든 요소에서 스타일 적용 |
p { font-size : 12px; } |
클래스 선택자 | 특정 부분만 선택해서 문서 안에 여러번 적용한다. 마침표( . )를 붙여 사용한다. |
.bg { backgroud-color : #ddd } |
id 선택자 | 특정 부분만 선택해서 문서 안에 한번만 적용한다. #를 붙여 사용한다. |
#container { width : 500 px ; } |
그룹선택자 | 여러 요소에 같은 스타일을 적용할 때 사용한다. |
h1,h2 { text-align : center ; } |
'FE > HTML,CSS' 카테고리의 다른 글
[HTML] Grouping Content | HTML Living Standard (0) | 2022.03.29 |
---|---|
[HTML] HTML태그 (0) | 2022.03.28 |
[HTML] 입력 양식 작성 (0) | 2022.02.18 |
[HTML] 웹문서 입력 태그정리 (0) | 2022.02.18 |
[HTML] HTML 기초 (0) | 2022.02.18 |