1、善用css縮寫(xiě)可以減少頁(yè)面文件大小，提高下載速度，同時(shí)使代碼簡(jiǎn)潔可讀。
如：
div{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px soli #cccccc;
border-bottom:1px solid #cccccc;
}
可以寫(xiě)為
p{border:1px solid #cccccc}
再如：
div{
margin-top:10px;
margin-right:20px;
margin-bottom:30px;
margin-left:40px;
}
可以改寫(xiě)為：
/*注意上、右、下、左的書(shū)寫(xiě)順序*/
div{margin:10px 20px 30px 40px}
/*注意，數(shù)值與單位不能有空格，每個(gè)值之間用空格隔開(kāi)*/
(詳細(xì)請(qǐng)參考：css2參考手冊(cè)、常用css縮寫(xiě)總結(jié))
2、可以同時(shí)為一個(gè)html元素的class屬性設(shè)定多個(gè)規(guī)則(多重class定義)。
通常我們寫(xiě)法為：<p class=”a”></p>
實(shí)際上我們可以為p元素指定多個(gè)規(guī)則，如：
CSS： .a{…} .b{….} HTML： <p class="a b">該元素同時(shí)包括a和b中設(shè)定的樣式</p>
注意：多個(gè)規(guī)則之間用空格分開(kāi)。
3、明確定義單位，除非值為0
忘記定義尺寸是css初學(xué)者新手普遍存在的問(wèn)題。在html我們可以寫(xiě)width=”100”，但在css中應(yīng)該給出一個(gè)準(zhǔn)確的單位。如：width:100px;height:50px;font-size:9pt ，0值除外，因?yàn)椴徽搶?duì)于任何單位。0值的大小都是相等的。
注意：不要在數(shù)值和單位之間加空格。
[1] [2] [3] 下一頁(yè) |
您現(xiàn)在的位置： 
