FE/HTML,CSS

[CSS] 기본선택자 정리

mandelina 2022. 3. 7. 17:56
종류 설명 작성 예
전체 선택자 문서의 모든 요소에 스타일 적용 * { 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