형식은
요소명 {속성 : 값;} = p {color:red;} = h1 {font-size:20px;}

위와같이 xhtml 모든요소는 선택자로 사용할 수 있습니다.

2. 전체 선택자
선택자에 아스테리스크(*)를 기술하여 모든 요소에 스타일을 지정되게하는것입니다.
모든요소에 적용되는 것인만큼 변동사항이 없을때 쓰면되지만, 로딩속도가 쫌 저하된다고하네욤.
형식은
요소명 {속성 : 값;} = * {margin:0; padding;0;}

3. CLASS선택자와 ID선택자 (중요)
xhtml요소에 class 혹은 id값이 부여된 경우 해당 요소로 바로접근이 가능하지요.
id선택자는 유일한 요소에 접근할때 쓰고, #으로 id값을 나타내조 (#name)
class선택자는 여러번 사용이 가능하고, 여러요소를 한꺼번에 선택하여 일관된 스타일을 지정할때 유용합니다.
.클래스명 (.name)

<style type="text/css">
  p.note {color:blue;} = .note {color:blue;}
</style>
<p class="sample">요소(p)를 생략하고 바로 클래스명(.sample)을 써도 됩니다용.</p>
유용하고도 중요한 기능이나 크게 어려운건 없죠~

4. 속성(Attribute)선택자
어떤 표현을 위해 구지 더미태크를 쓰지않고도 표현할 수 있다는 점에서 유용한듯합니다.
하지만, 이 방식은 ie6과 기타 구버전 브라우저에서 지원을 하지않습니다.

요소명[속성명="속성값"] {속성 : 값;}
a[href^="http"] {background-color:red;}

<style type="text/css">
  a[href^="http://"] {font-size:22px;}
</style>
a 요소 중에 href 속성의 값이 "http://"로 시작하는 요소만 font-size를 22px로 크게 보여달라는 뜻이예욤.

<ul>
 <li><a href="#test.html">속성선택자 테스트</a></li>
 <li><a href="http://www.css3.com/">속성선택자 테스트</a></li>
</ul>
위 게시글 중 아래글자만 22px로 커지겠죠.

나머지는 다음페이지로~