class 와 id 의 차이점을 알아보자

class 와 id의 차이점

class 는 여러개를 사용할 수 있지만, id는 고유성을 가지므로 한 문서에 한번만 사용할 수 있다.

출력 방법에 따른 차이 - class

<태그 class="class이름"> 

class이름" 이라는 class 로 지정할 것이고, 이 "class이름"으로 지정한 영역들은 모두 동일한 효과를 받을 것이다.

 

<태그 class="class이름 class이름">

class이름에서 띄어쓰기만 하면 class 1개를 추가로 만들 수 있다.

 

.class이름 { 속성: 값;}

class에 "속성-값"효과를 적용할 것이다.

 

class를 설정할 때 띄어쓰기로 2개 이상의 클래스를 지정할 수 있다.

 

출력 방법에 따른 차이 - id

 

<태그 id="id이름">

"id이름" 이라는 id로 지정할 것이고, 이 "id이름"으로 지정한 영역은 css 효과를 받을 것이다.

 

# id이름 {속성: 값;}

id에 "속성-값" 효과를 적용할 것이다.

 

id를 설정할 때 1개의 id만을 지정할 수 있다.