8款線上CSS最佳化工具/組織和壓縮CSS

CSS的最佳化通常包括兩方面: 格式化CSS和精簡CSS。

精簡CSS的辦法是把具有相同屬性的元素合并在一起，但這會降低代碼的可讀性，使代碼的後期維護很麻煩，稍不注意就出錯。

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

下面是一些線上的CSS最佳化工具，能讓你方便的對CSS檔案進行各種最佳化處理。

1. Online CSS Optimizer /線上CSS最佳化

該線上工具用於精簡和壓縮樣式表的檔案大小，最佳化後的代碼將完全是混亂的，支援輸入URL，提交檔案和直接輸入進行壓縮。

2. CSS Compressor/CSS壓縮

作用同上，但這個工具擁有非常詳細的壓縮選項，它包含基本模式和進階模式。

在基本模式下, 你可以選擇壓縮模式: 輕度，標準和高度。最高模式壓縮後的檔案最小，但同時可讀性也就最低，甚至壓縮後就出問題也可能，以此類推。還可以選擇CSS注釋代碼的處理: 不處理注釋，清除所有注釋或限定注釋字元數。

在進階模式下，還可以對空白，Tab，新行等等進行選擇處理。

3. CleanCSS / CSS格式化和最佳化工具

基於 CssTidy 的一款線上CSS最佳化工具，既可以格式化CSS代碼，也可以最佳化CSS減少CSS檔案大小，包含非常詳細的選項設定。比如選取器和屬性的排序，大小寫轉換等等。

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

檢查樣式表的有效性，驗證樣式表是否符合 W3c 標準，同時進行顏色對比測試和確保尺寸的單位(W3C的Guideline 3.4 建議使用相對而非絕對單位，雖然px是相對單位，但是最終的字型大小卻取決於輸出介質，所以建議是使用百分比和em等尺寸單位。)

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

這是一個專門用于格式化CSS樣式表檔案的線上工具，討論該使用”多行模式”還是”單行模式”或其它模式是沒什麼意義的，不如大家就按自己的模式去做，在協作的時候用工具重新格式化成自己喜歡的模式就好了。

6. Tabifier

非常簡單的格式化工具，通過增加代碼的縮排來讓代碼更具可讀性。

7. Pretty Printer

一款多用途代碼最佳化工具，提供多種選項，除 CSS 外，還支援 PHP，Java，C++，C，Perl，JavaScript 等多種語言。

8. Styleneat

簡單易用的CSS格式化工具，雖然選項不多，但還是蠻實用的，支援直接輸入，上傳檔案和輸入URL。 

最後，個人的一些建議: 使用線上工具進行格式化，但不要使用線上工具進行壓縮，最好自己手動進行一些元素和屬性合并。

轉載自 8款線上CSS最佳化工具/組織和壓縮CSS | 帕蘭映像

CSS的最佳化通常包括兩方面: 格式化CSS和精簡CSS。

精簡CSS的辦法是把具有相同屬性的元素合并在一起，但這會降低代碼的可讀性，使代碼的後期維護很麻煩，稍不注意就出錯。

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

下面是一些線上的CSS最佳化工具，能讓你方便的對CSS檔案進行各種最佳化處理。

1. Online CSS Optimizer /線上CSS最佳化

該線上工具用於精簡和壓縮樣式表的檔案大小，最佳化後的代碼將完全是混亂的，支援輸入URL，提交檔案和直接輸入進行壓縮。

2. CSS Compressor/CSS壓縮

作用同上，但這個工具擁有非常詳細的壓縮選項，它包含基本模式和進階模式。

在基本模式下, 你可以選擇壓縮模式: 輕度，標準和高度。最高模式壓縮後的檔案最小，但同時可讀性也就最低，甚至壓縮後就出問題也可能，以此類推。還可以選擇CSS注釋代碼的處理: 不處理注釋，清除所有注釋或限定注釋字元數。

在進階模式下，還可以對空白，Tab，新行等等進行選擇處理。

3. CleanCSS / CSS格式化和最佳化工具

基於 CssTidy 的一款線上CSS最佳化工具，既可以格式化CSS代碼，也可以最佳化CSS減少CSS檔案大小，包含非常詳細的選項設定。比如選取器和屬性的排序，大小寫轉換等等。

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

檢查樣式表的有效性，驗證樣式表是否符合 W3c 標準，同時進行顏色對比測試和確保尺寸的單位(W3C的Guideline 3.4 建議使用相對而非絕對單位，雖然px是相對單位，但是最終的字型大小卻取決於輸出介質，所以建議是使用百分比和em等尺寸單位。)

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

這是一個專門用于格式化CSS樣式表檔案的線上工具，討論該使用”多行模式”還是”單行模式”或其它模式是沒什麼意義的，不如大家就按自己的模式去做，在協作的時候用工具重新格式化成自己喜歡的模式就好了。

6. Tabifier

非常簡單的格式化工具，通過增加代碼的縮排來讓代碼更具可讀性。

7. Pretty Printer

一款多用途代碼最佳化工具，提供多種選項，除 CSS 外，還支援 PHP，Java，C++，C，Perl，JavaScript 等多種語言。

8. Styleneat

簡單易用的CSS格式化工具，雖然選項不多，但還是蠻實用的，支援直接輸入，上傳檔案和輸入URL。 

最後，個人的一些建議: 使用線上工具進行格式化，但不要使用線上工具進行壓縮，最好自己手動進行一些元素和屬性合并。

轉載自 8款線上CSS最佳化工具/組織和壓縮CSS | 帕蘭映像