5提示與技巧如何優化你的CSS
在本文中我們會發現,如何優化Css.This非常簡單和基本技巧的網絡設計和開發。 不僅將這些提示有助於減少文件大小你的CSS文件,但它們也會加速您的編碼,如果你喜歡做一些你的CSS的手。
1 。 使用CSS速記
前經過p ( ; 保證金頂 : 5px ; ; 緣右 : 10px ; ; 保證金底 : 外邊距 ; ; 緣左 : 20px ; )10px 15px 20px ; } p (利潤率: 5px 10px外邊距20px ; )
2 。 消除不必要的空白
前經過width : 900px ; height : 100 %; margin : 0px ; padding : 0px ; background-color : #cccccc ; } 。總結 (寬度: 900px ;身高: 100 % ;利潤率: 0px ;填充: 0px ; 背景顏色 : # cccccc ; )width : 900px ; height : 100 %; margin : 0px ; padding : 0px ; } 。總結 (寬度: 900px ;身高: 100 % ;利潤率: 0px ;填充: 0px ; )
3 。 使用速記顏色
Longhand十六進制顏色指定為三個紅,綠,藍三胞胎,就像這樣:
: #fdca30 ; } p ( 顏色 : # fdca30 ; )
您可以省略的顏色有相同的值為每對,就是# rrggbb ; ,只有一個價值每對,所以這一點:
: #ffcc00 ; } p ( 顏色 : # ffcc00 ; )
成為本,使用十六進制速記符號:
: #fc0 ; } p ( 顏色 : # fc0 ; )
命名顏色可以減輕維修,但他們一般都長於其速記十六進制現金等價物(除紅,譚) 。
4 。 使用後代選擇符
color :red ; }股利。警告 p (顏色:紅色 ; )
5 。 使用CSS CompressTools
如果你不想浪費您的時間在改變舊的樣式表可以簡單地使用在線的CSS壓縮工具,它使您的工作在幾秒鐘內
檢查此網絡的CSS壓縮工具...
整潔的CSS
清潔的CSS
優化器的CSS
Flumpcakes的CSS優化
cssdrive的CSS Comperasor
W3C的CSS驗證器
相關文章:
如果你喜歡閱讀本文,請參閱其他有關條款如下:




















































提交評論