선택자 사용하기-집합

선택자 사용하기 - 집합

Style Sheet는 우리에게 여러종류의 선택자(selector)를 제공합니다. 보통 우리가 아는 html 태그들을 그 선택자로 사용하고 있습니다. 특히 이 부분은 상당히 중요한 부분이며 잘 활용할 경우에 html문서의 최대 약점인 반복태그 사용을 최대한으로 절제 할 수 있다는 장점이 있습니다. 또한 상당히 고난도의 HTML문서도 작성이 가능합니다. 하지만 조금 어렵다는 단점이 있습니다. 1. 여러 개의 선택자가 같은 속성을 사용할 때 : 하나로 묶어서 사용. 예제) H1 { font-family: Helvetica } H2 { font-family: Helvetica } H3 { font-family: Helvetica } 결과) H1, H2, H3 { font-family: Helvetica } 2. 하나의 선택자가 여러 개의 속성을 사용할 때 : 속성들 사이에 세미콜론(;)으로 구분 예제) H1 { font-weight: bold } H1 { font-size: 12pt } H1 { line-height: 14pt } 결과) H1 { font-weight: bold; font-size: 12pt; line-height: 14pt;}