1.如div{...}會給所有的<div></div>增加樣式。
2.名前井號“#”：對應html中的標簽的id屬性，寫法為#name。如#p1{...}會給<p id="p1">ID is p1</p>增加樣式。
3.名前小數點“.”：對應html中標簽的class屬性，寫法為.name。如.p2{...}會給<p class="p2">CLASS is p2</p>增加樣式。
4.中間空格“ ”：關系到html標簽的層次，寫法為css css[ css[... css]]，可以設多層。如DIV #p1 .span1{...}
則會給<div><p id="p1"><span class="span1"></span></p></div>中最內部的span1增加樣式。
這樣寫的CSS必須嚴格遵守CSS與HTML標簽層次，以下情況不會被這條CSS所應用：
<span class="span1"></span>
<p id="p1"><span class="span1"></span></p>
<div><span class="span1"></span></div>
5.中間逗號“,” ：表示並列關系，即該CSS有多個名稱（可以精簡重復的CSS樣式）
如body,form,div{...}會為所有的<body></body>、<form></form>、<div></div>增加樣式
6.名后冒號“:”：一般是指狀態
如a:hover表示當鼠標懸停在a標簽上時使用的樣式
7.style中點代表類class,#代表id,也可以注釋
h1代表html中的元素
tr.hr代表元素的子元素
原文：
http://zhidao.baidu.com/question/200642163.html
http://hi.baidu.com/wozengcong2012/item/efbd49a38712ffd95bf191b1