css에서 #과 .의 차이 IT상식 2011. 9. 15. 15:41
제목:

css에서 #과 .의 차이

css에서 class정의를 할때
#text {... } 와
.text  {... } 의 차이가 무엇인지 알아야 합니다.

기본중에 기본이죠.. ^^

#로 시작하는것은 ID 라고 하는데, 한 페이지에 한개 이상이 존재하면 안됩니다. 즉, 로고등 페이지에 유일하게 하나만 표시할때 사용하는것입니다. 예:

1) #logo  -> 로고는 하나만 있죠
2) #menutop -> 상단메뉴도 하나이구요
3) #menuside -> 하단 메뉴도 하나이구요

. 로 시작하는것은 class 라고 하는데, 한페이지에 여러번 반복하여 사용이 가능합니다. 즉 아래처럼 사용이 가능합니다

1) .title -> 페이지에 여러 항목의 제목으로 사용할 수 있습니다
2) h2.blue -> h2에 .blue 라는 클래스를 넣어서 h2에 blue 라는 클래스를 적용하여 한 페이지에 여러번 사용이 가능합니다. 
Posted by 뮤직라이프

,