기타/HTML and CSS

[CSS] 셀렉터 / 스타일 시트 형식

푸쿠이 2018. 6. 29. 12:39
p { /* 셀렉터 */

    /* 프로퍼티, 값 */
    color: blue;

    /* 프로퍼티, 값 */
    font-size: 20px;
}

css의 기본 스타일 시트 형식 중에서, 셀렉터이다.


ㅇ 개념


HTML 태그의 모양을 꾸밀 스타일 시트를 선택하는 기능



ㅇ 종류


태그 이름 셀렉터 

태그 이름이 셀렉터로 사용됨.

class 셀렉터 

셀렉터 이름 앞에 점(.)을 붙인 후 HTML 태그의 class 속성으로 지정함.

id 셀렉터

셀렉터 이름 앞에 "#"을 붙이고, HTML 태그의 id 속성으로 지정함.

자식 셀렉터 

부모 자식 관계를 > 기호로 조합함. 자신의 바로 밑 자식에게만 적용됨.

자손 셀렉터

자손 관계인 두 개 이상의 태그를 나열함. 자손 모두에게 적용됨.

전체 셀렉터

와일드카드문자(*)를 사용하여 웹페이지의 모든 HTML태그에 적용될 스타일을 만듬.