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