CSS代碼優(yōu)化的作用與意義

作用與意義：

1、減少占用網(wǎng)頁字節(jié)。在同等條件下縮短瀏覽器下載css代碼時間，等同于加快了網(wǎng)頁打開的速度
2、便于后期改版維護。簡化和標準化css代碼讓css代碼減少，便于日后維護
3、讓自己寫的css代碼更加專業(yè)標準化。

優(yōu)化方法：

1、縮寫css代碼。
2、排列css代碼。
3、同屬性提取共用css選擇器。
4、分離網(wǎng)頁顏色和背景設置樣式（較大站點需要注意）。
5、條理化css代碼。

6、寫清楚注釋。

簡單講幾個優(yōu)化方面例子：

縮寫css代碼
background-color:#FFF;對應屬性為背景顏色為白色
background-image:url(divcss.gif);對應屬性是設置divcss5.gif圖片為背景
background-position:bottom;背景圖片是居底部
background-repeat:repeat-x;背景按X坐標（橫坐標）重復延伸
以上CSS代碼可以簡寫為
background:#FFF url(divcss.gif) repeat-x bottom;

排列css代碼
yangshi{

font-size:12px;

border:1px solid #000000;

padding:5px;

}

建議寫成=》
.yangshi{ font-size:12px;border:1px solid #000000;padding:5px;}

同屬性提取共用css選擇器
.css1{ font-size:12px;border:1px solid #000000;padding:5px; width:25px;}
.css2{ font-size:12px;border:1px solid #000000;padding:5px; width:50px;}
建議寫成=>
.css{ font-size:12px;border:1px solid #000000;padding:5px;}
.css1{  width:25px;}
.css2{  width:50px;}

優(yōu)化書寫的方法有多種，這里啟邁網(wǎng)絡點到為止，主要根據(jù)個人習慣去書寫。可以多參考一下大型網(wǎng)站的css排版。。。