본문 바로가기
Study/Knowledge

[HTML/CSS] Class, Id 차이

한줄로 말하자면,

ID는 한요소에만 사용,  CLASS는 여러요소에 중복사용가능한 스타일 정의법이다.

 

header, content, footer, side-bar를   id로 고유하게 사용한다

특정컨텐츠를 반복하는경우 class 를 이용하여 같은 css를 적용시킨다.

 

 

ID CLASS
id는 한페이지에 하나의 정의로
단, 하나의 태그(id="")만 사용할 수 있다. 
class는 한페이지에 반복적으로 사용되는
스타일을 정의할 수 있다. 
즉 로고,
상단메뉴,
하단정보 같은 스타일을 정의할 때 id를 사용한다
반복적으로 사용되는 스타일에는 class를 이용하여 정의하고,
그 내부에 세부 스타일을 정의할 때
id를 사용해주면 효과적이다.
#ID명 (선언자 : #) .CLASS명 (선언자 :  . )
#footer {
clear:both;
background-color:#333333;
}
.center {
text-align:center;
background-color:#333333;
}