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驗證器
相關文章：
如果你喜歡閱讀本文，請參閱其他有關條款如下：
提交評論