CSS技巧教程：個在線CSS壓縮工具

1、CSS技巧教程：10個在線CSS壓縮工具 HYPERLINK / / HYPERLINK / 郵件群發(fā) CSS壓縮工具可以自動完成清理你的代碼的大部分工作。它們中的很多會告訴你你的文件被壓縮的百分比，所以請多嘗試幾個以了解哪個是最好的。CSS Drive可選項:壓縮模式: 低、普通、高度壓縮注釋壓縮:不壓縮、全部、或者長于某個特定值的。CSS Compressor可選項 (每個均可選Yes 或No ):重排屬性壓縮色彩壓縮font-weight小寫化選擇器去除不必要的空間去除不必要的分號Arantius可選項 (每個均可選Yes 或No ):去除注釋去除至少x字節(jié)長度的注釋每行一個規(guī)則CSS

2、Optimizer可選項:不刪除斷行(Yes 或 No)可以處理URL、文件或粘貼的文本等方式的CSSLottery Post可選項:無Clean CSS可選項(每個均可選Yes 或No ):重排選擇器重排屬性優(yōu)化選擇器及其屬性(0, 1 or 2)合并簡寫屬性只有安全優(yōu)化壓縮色彩壓縮Font-weight小寫化選擇器屬性字體(小寫或大寫)去除不必要的反斜杠轉(zhuǎn)換!important hack移除最后一個分號”;”節(jié)省注釋剔除無效屬性(CSS2.1, CSS2.0 或CSS1.0)輸入為文件事實上，這就是開源項目css tidy的演示網(wǎng)站。CSS tidy中文版：/show/csstidy/。P

3、ingates可選項 (每個均可選Yes 或No ):轉(zhuǎn)換長色彩名為16進制轉(zhuǎn)換長16進制代碼為短16進制代碼轉(zhuǎn)換長16進制代碼為色彩名字轉(zhuǎn)換RGB為16進制去除0度量合并同一個規(guī)則合并同一個選擇器合并屬性去除重復(fù)的屬性從margin和padding中去除無用的值顯示統(tǒng)計以彩色格式輸出使用最小尺寸輸出PHP Insider可選項:無SevenForty可選項:截斷選項: 500, 1000, 1500 or 2000該工具基于YUI壓縮器，但是會自動將IE的hacks刪除，開發(fā)者給出的解釋是，IE hacks應(yīng)該以單個文件出現(xiàn)，而不是雜糅在主CSS文件中，這樣會變得難于維護。Page Colu

4、mn可選項: None桌面版CSS壓縮工具推薦YUI Compressor與TB CompressorYUI Compressor是yahoo前端團隊開發(fā)的一個前端代碼壓縮工具，功能很強大。需要Java運行環(huán)境，可以用java命令手動壓縮CSS和JS文件，也可以用ant在編譯的時候批量壓縮。淘寶前端團隊的玉伯根據(jù)YUI compressor封裝的Windows平臺壓縮工具，安裝卸載都很簡單。正如功能強大的YUI Compressor，TBCompressor不僅可以壓縮CSS，也可以壓縮JS。在這里下載。了解更多關(guān)于TBCompressor JS和CSS壓縮工具另外，推薦閱讀屈超同學的完善 T

5、BCompressor 對 CSS 文件的壓縮過程。web 2.0資源優(yōu)化工具國人用delphi 7開發(fā)的一款桌面工具，也是可以壓縮CSS和JS。推薦一下。另外值得一提的是，作者放出了該項目的源代碼。查看官方介紹及下載。另外，貌似該工具的CSS壓縮部分基于CSS Tidy。mergeCSSCSS森林站長鬼哥出品的一個基于AIR的工具，有很多很有用的功能，比如多文件合并、合并import導(dǎo)入文件等。查看詳細介紹。需要注意的是，該工具對縮寫和屬性合并的支持并不太好，如果能夠增加這些支持，可能會更好吧。另外一個非常重要的事情是，到目前為止，鬼哥尚未放出該工具，如果你想嘗試一下，可以聯(lián)系他。page

6、speedpage speed其實是Google開發(fā)的一個基于Firebug的firefox插件，主要是用來分析網(wǎng)站前端性能的。但是在page speed的分析結(jié)果列表中Minify CSS選項，點開即可看到你的CSS可以壓縮的比例，以及后面提供一個壓縮過的版本，點擊即可查看。唯一不足的就是不能自定義壓縮。GZIP無論多么丑陋的網(wǎng)站，GZIP都是一個對壓縮很多類型的代碼都的確很有用的工具。它或許并不是最簡單的壓縮方法，而且對初學者可能還會有些迷惑。查看這個教程以獲取更多關(guān)于使用GZIP壓縮你的樣式的信息?？偨Y(jié)正如我前面說的，這些方法中的一些可能看起來有些過度或毫無意義。關(guān)鍵是看大局。雖然這些技巧中的任何一