2014년 2월 25일 화요일

[CSS] 아이디(id)선택자, 클래스(class)선택자

선택자 중에서 단연 제일 많이 사용되는 선택자는 id선택자와 class선택자라고 할수 있습니다. 특정 태그에 원하는style을 적용시키기 위해서는 id선택자와 class선택자는 필수라고 할수 있습니다.


아이디(id) 선택자는 지정한 id속성을 가지고 있는 태그를 선택할때 사용됩니다
선택자의 형태는 "#"으로 표현되며  id속성은 웹 패이지 내부에서 중복되면 안된다는 특징을 가지고 있습니다 그렇기 때문에 id속성을 사용할때는 중복이 되지 않도록 주의를 하셔야 합니다.
또한 id속성은 공간 분할  태그에 id속성을 적용하기 때문에 레이아웃을 구성할때 사용됩니다.


#header{background : red;} 
->header라는 id속성을 가지고 있는 태그에 background:red 를 적용한다!




클래스(class) 특정 클래스가 적용된 태그를 선택할때 사용됩니다
클래스 선택자는 아이디선택자와 달리 클래스 명이 중복되서 사용될수 있습니다
선택자의 형태는 "."점으로 표현이 됩니다

.header{background : red;}
->header라는 class속성을 가지고 있는 태그에 background:red를 적용한다!




id 선택자와 class선택자는 웹페이지에서 많이 사용대는 선택자중 하나 입니다
그렇기 때문에 id,class가 의미하는바가 무엇인지 이 두선택자의 특징은 무엇인지 정확하게 이해하고 넘어가셔야 한다는점 잊으시면 안되겠죠


댓글 없음:

댓글 쓰기