[CSS] id / class 선택자

[개요]

태그에서 설정한 id나 class 속성에 따라 스타일을 지정합니다.

id에 줄 경우 아래처럼 #을 맨 앞에 붙여 사용하며, 원칙적으로 하나의 객체에만 적용할 수 있습니다.

 

#아이디{ 속성1:속성값; 속성2:속성값; } 

 

class에 줄 경우 아래처럼 . 을 맨 앞에 붙여 사용하며, 여러 객체에 적용할 수 있습니다.

 

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

 

[사용법]

 

#m_box{ width:500px; height:300px; }
.box{ background-color:blue; }

 

[예제]

 

[결과]