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