p { /* 셀렉터 */ /* 프로퍼티, 값 */ color: blue; /* 프로퍼티, 값 */ font-size: 20px; }
css의 기본 스타일 시트 형식 중에서, 셀렉터이다.
ㅇ 개념
HTML 태그의 모양을 꾸밀 스타일 시트를 선택하는 기능
ㅇ 종류
태그 이름 셀렉터 |
태그 이름이 셀렉터로 사용됨. |
class 셀렉터 |
셀렉터 이름 앞에 점(.)을 붙인 후 HTML 태그의 class 속성으로 지정함. |
id 셀렉터 |
셀렉터 이름 앞에 "#"을 붙이고, HTML 태그의 id 속성으로 지정함. |
자식 셀렉터 |
부모 자식 관계를 > 기호로 조합함. 자신의 바로 밑 자식에게만 적용됨. |
자손 셀렉터 |
자손 관계인 두 개 이상의 태그를 나열함. 자손 모두에게 적용됨. |
전체 셀렉터 |
와일드카드문자(*)를 사용하여 웹페이지의 모든 HTML태그에 적용될 스타일을 만듬. |
'기타 > HTML and CSS' 카테고리의 다른 글
[CSS] 색 표현하기 (0) | 2018.07.02 |
---|---|
[CSS] 가상 클래스 셀렉터 (0) | 2018.07.02 |
[CSS] CSS3 스타일 상속, 합치기, 오버라이딩 (0) | 2018.06.27 |
[CSS] CSS3 스타일 시트 형식 (0) | 2018.06.27 |
[CSS] CSS 적용 방법 (0) | 2018.06.27 |