CSS壓縮方法及技巧

申請(qǐng)免費(fèi)試用、咨詢(xún)電話：400-8352-114

精簡(jiǎn)網(wǎng)站代碼可以節(jié)省網(wǎng)站空間，減小服務(wù)器壓力，提高訪問(wèn)速度，對(duì)搜索引擎蜘蛛的爬取也是有利的。今天撫州網(wǎng)站建設(shè)專(zhuān)家就來(lái)分享CSS壓縮方法及技巧。

縮寫(xiě)你的CSS
你看對(duì)一個(gè)DIV進(jìn)行定義，定義的代碼是：
#text{
padding-top:12px
padding-right:10px
padding-bottom:20px
padding-left:10px
}
這樣的定義是沒(méi)錯(cuò)的，問(wèn)題是：你寫(xiě)的這個(gè)代碼可以進(jìn)行縮寫(xiě)的，縮寫(xiě)后的格式是：
#text{
padding:12px 10px 20px 10px;
}
大家看一下，是不是少了很多的代碼？事實(shí)上，這上面的代碼還可以進(jìn)行精簡(jiǎn)，方法是：去掉他們的空格和換行。因?yàn)閾Q行和空格都會(huì)增加CSS的體積，我們還可以對(duì)上面的CSS進(jìn)行壓縮。壓縮后的代碼是：
#text{padding:12px 10px 20px 10px;}
做到這個(gè)樣子，是再?zèng)]有辦法壓縮上述的代碼了，除非你用GZIP進(jìn)行壓縮。

合理字體的選擇
 一般來(lái)說(shuō)，我們做中文網(wǎng)站都是用系統(tǒng)默認(rèn)字體也就是宋體的。使用它就行了，建議你不要將你網(wǎng)站的替代字體放到CSS文件。字體的定義也是可以縮寫(xiě)的。大家看一個(gè)例子：
#tx{font-family:Palatino,Georgia,Times,serif;}可以縮寫(xiě)成
#tx{font-family:Palatino,serif;}

網(wǎng)頁(yè)顏色的定義
如果你的網(wǎng)站顏色是用RGB表示的，那么請(qǐng)不要這么做了，你應(yīng)該用16進(jìn)制的代碼來(lái)定義網(wǎng)站的顏色。雖然你可能認(rèn)為這縮寫(xiě)不了幾個(gè)字符，但是它的確是CSS壓縮方法之一。
#container{color:rgb(131, 100, 219);}可以壓縮成
#container{color:#8364DB;}

此外CSS的壓縮還有其他的一些方式，比如使用Sprites技術(shù)來(lái)設(shè)置網(wǎng)站的圖片等，這些都可以很明顯減少壓縮CSS。