CSS壓縮方法及技巧

申請免費(fèi)試用、咨詢電話：400-8352-114

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

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

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

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

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