클래스 선택자 - 클래스를 선택자로 사용

 

클래스 선택자 - 클래스를 선택자로 사용

·       특정 HTML 요소에 적용시키지 않고 독립적으로 특정 부분에 스타일을 적용할 때 사용

·       원하는 HTML 태그에 모두 적용

·       동일한 클래스명에 적용되므로 여러번 사용할 수 있는 스타일에 정의

·       점(.)을 이용하여 정의하여 반드시 영문으로 시작하는 클래스 이름을 작성

 

.클래스명 { 속성1:속성값; 속성2:속성값 }

 

스타일을 사용 하고자 하는 엘리먼트에 클래스 이름을 지정하여 스타일 적용

.total { width: 800px; }

<p class="total">클래스선택자</p> <h2 class="total">클래스선택자</h2>