武林網(wǎng)(www.companysz.com)文章簡(jiǎn)介：CSS的優(yōu)化通常包括兩方面: 格式化CSS和精簡(jiǎn)CSS。

CSS的優(yōu)化通常包括兩方面: 格式化CSS和精簡(jiǎn)CSS。

精簡(jiǎn)CSS的辦法是把具有相同屬性的元素合并在一起，但這會(huì)降低代碼的可讀性，使代碼的后期維護(hù)很麻煩，稍不注意就出錯(cuò)。

格式化CSS一般就是多行模式或單行模式的選擇，比如我個(gè)人就完全受不了多行模式 

下面是一些在線的CSS優(yōu)化工具，能讓你方便的對(duì)CSS文件進(jìn)行各種優(yōu)化處理。

1. Online CSS Optimizer /在線CSS優(yōu)化

該在線工具用于精簡(jiǎn)和壓縮樣式表的文件大小，優(yōu)化后的代碼將完全是混亂的，支持輸入U(xiǎn)RL，提交文件和直接輸入進(jìn)行壓縮。

2. CSS Compressor/CSS壓縮

作用同上，但這個(gè)工具擁有非常詳細(xì)的壓縮選項(xiàng)，它包含基本模式和高級(jí)模式。

在基本模式下, 你可以選擇壓縮模式: 輕度，標(biāo)準(zhǔn)和高度。最高模式壓縮后的文件最小，但同時(shí)可讀性也就最低，甚至壓縮后就出問(wèn)題也可能，以此類(lèi)推。還可以選擇CSS注釋代碼的處理: 不處理注釋?zhuān)宄凶⑨尰蛳薅ㄗ⑨屪址麛?shù)。

在高級(jí)模式下，還可以對(duì)空白，Tab，新行等等進(jìn)行選擇處理。

3. CleanCSS / CSS格式化和優(yōu)化工具

基于 CssTidy 的一款在線CSS優(yōu)化工具，既可以格式化CSS代碼，也可以?xún)?yōu)化CSS減少CSS文件大小，包含非常詳細(xì)的選項(xiàng)設(shè)置。比如選擇器和屬性的排序，大小寫(xiě)轉(zhuǎn)換等等。

4. CSS Analyzer / CSS有效性分析工具

檢查樣式表的有效性，驗(yàn)證樣式表是否符合 W3c 標(biāo)準(zhǔn)，同時(shí)進(jìn)行顏色對(duì)比測(cè)試和確保尺寸的單位(W3C的 建議使用相對(duì)而非絕對(duì)單位，雖然px是相對(duì)單位，但是最終的字體大小卻取決于輸出介質(zhì)，所以建議是使用百分比和em等尺寸單位。)

5. Format CSS Online /在線CSS格式化工具

這是一個(gè)專(zhuān)門(mén)用于格式化CSS樣式表文件的在線工具，討論該使用”多行模式”還是”單行模式”或其它模式是沒(méi)什么意義的，不如大家就按自己的模式去做，在協(xié)作的時(shí)候用工具重新格式化成自己喜歡的模式就好了。

6. Tabifier

非常簡(jiǎn)單的格式化工具，通過(guò)增加代碼的縮進(jìn)來(lái)讓代碼更具可讀性。

7. Pretty Printer

一款多用途代碼優(yōu)化工具，提供多種選項(xiàng)，除 CSS 外，還支持 PHP，Java，C++，C，Perl，JavaScript 等多種語(yǔ)言。

8. Styleneat

簡(jiǎn)單易用的CSS格式化工具，雖然選項(xiàng)不多，但還是蠻實(shí)用的，支持直接輸入，上傳文件和輸入U(xiǎn)RL。 

最后，個(gè)人的一些建議: 使用在線工具進(jìn)行格式化，但不要使用在線工具進(jìn)行壓縮，最好自己手動(dòng)進(jìn)行一些元素和屬性合并。