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

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

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

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

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

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