-
전체 선택자
스타일을 모든 요소에 적용할 때 사용
* { margin: 0; padding: 0; }
태그 선택자
특정 태그가 쓰인 모든 요소에 스타일 적용
p { text-align: center; } /* 텍스트 단락을 중앙 정렬 */ h2 { color:darkblue; }
클래스 선택자
태그 대신 클래스 이름을 선택하여 지정된 클래스에 스타일 적용
한꺼번에 둘 이상의 클래스 스타일도 적용 가능
.reg { font-size:14px; color:darkblue; }
id 선택자
웹 문서 안의 특정 부분에 스타일 적용
클래스 선택자는 문서 안에서 여러 번 적용할 수 있지만, id 선택자는 문서 안에서 한 번만 적용 가능
#container { width:600px; /* 너비 */ padding:15px; /* 테두리와 내용 사이의 여백 */ border:1px dotted gray; /* 테두리 스타일 */ }
그룹 선택자
두 개 이상의 요소에 같은 스타일 적용
h1 { text-align: center; } h2 { text-align: center; } ▽ h1, h2 { text-align: center; }
'개발 > FronT' 카테고리의 다른 글
Front_ CSS background-color 설정 및 배경 설정 (0) 2021.09.27 Front_ CSS font-family, 폰트 색상 변경법 예시 코드 (0) 2021.09.27 Front_ CSS(Cascading Style Sheets) 개념, 스타일 시트 (0) 2021.09.27 Front_ HTML의 form 개념, input의 속성 (0) 2021.09.27 Front_ 가상 클래스(pseudo class) (0) 2021.09.27 댓글 (비로그인 댓글 허용하지 않습니다.)