2011-07-20 187 views
4

我喜歡真正的優化/編譯我的CSS樣式(不僅僅是縮小),與Google Closure Compiler適用於JavaScript的類似。優化css編譯器

例如,如果我的整個樣式表就是:

div#hello { 
    color: #FFF; 
    background-color: #000; 
} 

div#hello p { 
    color: #FFF; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    margin-right: 10px; 
    margin-left: 10px; 
    font-family: Helvetica, Arial, sans-serif; 
} 

a { 
    color: #FFF; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    margin-right: 10px; 
    margin-left: 10px; 
    font-family: Helvetica, Arial, sans-serif; 
} 

可以優化分解成(我保持空白這裏的可讀性,但顯然將不得不去太):

#hello { 
    color: #FFF; 
    background: #000 
} 

#hello p, a { 
    color: #FFF; 
    margin: 10px; 
    font-family: Helvetica, Arial, sans-serif 
} 

回答

0
+0

你將如何與CSSTidy比較這? –

+0

我發給你的第二個鏈接說冰凌比CleanCSS更好,它基於整潔。但那是5年前,所以事情可能已經改變了。 Icey只是一個網頁,整潔看起來像是一個小小的下載。你爲什麼不嘗試兩種方法,看看哪種壓縮代碼更好?如果壓縮是主要問題,則可以同時使用兩者。 – Joel