[HTML/CSS] Class, Id의 차이점

html/css를 입문하고 보면 id와 class가 굉장히 많이 사용되어 있는 것을 볼 수 있다.

그럴 때 id와 class의 사용 방식에 대한 기준이 없어서 초보자들이 어려움을 겪을 것이라 생각한다.

 

 

 

 

ID  (특정 요소에 이름을 붙이는 데 사용)

• 태그에 유일한 이름을 붙이고 싶을 때 사용한다.
• 전체 페이지에서 단 하나의 요소만 지정할 수 있다.
• 중복이 불가능하다.
• CSS에서 사용할 떄 # 기호를 붙이고 사용한다.
• 유일하고 특별하기 때문에 CSS에서 클래스보다 우선적으로 적용된다.

 

 

 

Class (스타일의 분류에 사용)

• 같은 유형으로 반복되는 태그들을 유형별로 분류하고 싶을 때 사용한다.
• 여러 번 반복해서 사용할 수 있다.
• 반복적으로 쓰이는 유형들을 동일한 class로 나누어 관리할 수 있다.
• 유형별로 동일한 class를 사용할 수 있기에 중복이 가능하다.
• CSS에서 사용할 때 .클래스이름 으로 사용하면 된다.

 

 

 

 

 

 

 

 

 

 

 

 

참고

 

id 속성과 class 속성의 차이?