2014년 2월 24일 월요일

[CSS] 전체선택자,태그선택자

오늘은 전체선택자와 태그 선택자에 대해서 알아보도록 하겠습니다

전체선택자는 말그대로 HTML 페이지의 모든 태그를 선택할때 사용되는 선택자 입니다
선택자의 형태는 " * "를 사용하며

전체태그에 background:red 라는 속성값을 주게 되면 *{background:red;} 이와 같은 형태로 작성이 됩니다 결국 결과같은 모든 html 태그에 background:red 가 적용되게 되는거죠

※전체 선택자의 범위
가끔 전체 선택자의 범위를 헷갈려 하시는 분들이 있는데요 
전체 선택자의 범위는 html페이지의 전체 태그를 선택하기 때문에 head태그,titile태그,style태그 까지 선택되는 범위에 해당됩니다


두번째로는 태그 선택자가 될것 같은데요
태그 선택자는 말그대로 특정 태그를 선택하여 style을 적용하는 방식입니다

예를 들어 
<h1>태그 선택자</h1>  라는 태그가 있다고 가정을 했을때
택그 선택자를 활용해 h1태그에 style를 적용할수 있는거죠

h1{color:red} 

※ 태그 선택자의 주의할점
태그 선택자의 경우에는 주의할점이 있습니다
중복되는 태그를 잘못선택하게 되면 style이 중복되서 적용되어 원하지 않은 태그에 적용되는 경우가 발생하기 때문에 주의해서 태그 선택자를 사용해야 합니다


오늘은 이렇게 전체선택자와 태그 선택자에 대해서 알아봤습니다 다음시간에는
id 선택자와 class선택자에 대해서 알아보도록 하겠습니다.

댓글 없음:

댓글 쓰기