1、善用css縮寫可以減少頁面文件大小，提高下載速度，同時使代碼簡潔可讀。 如：div{
p{border:1px solid #cccccc}
div{
/*注意上、右、下、左的書寫順序*/
2、可以同時為一個html元素的class屬性設(shè)定多個規(guī)則(多重class定義)。
CSS：
.a{…}
.b{….}
HTML：
該元素同時包括a和b中設(shè)定的樣式
注意：多個規(guī)則之間用空格分開。 3、明確定義單位，除非值為0 注意：不要在數(shù)值和單位之間加空格。 4、區(qū)分大小寫 CSS:
#aaa{border:1px solid #ccc}
HTML:
顯示不出來1個像素的邊線
5、CSS的最近優(yōu)先原則 CSS:
p{color:red}
.blue{color:blue}
.yellow{color:yellow}
HTML:
此處顯示為紅色
此處顯示為藍(lán)色
此處顯示為綠色
此處顯示為黃色
注意： 此處顯示為黃色
也顯示為黃色，因?yàn)樵赾ss定義中.yellow在.blue的后面。6、使用子選擇器減少id和class的定義 #contain{..}
#contain_ul{...}
.contail_li{...}
#contain{..}
#contain ul{...}
.contain ul li{...}
7、不要給背景圖片路徑加引號
8、背景圖片的路徑是相對與當(dāng)前css頁面的路徑。 例如：9、使用組選擇器為不同元素應(yīng)用相同的樣式 10、書寫正確的鏈接樣式 :link :visited :hover :active 。
