作為一名web前端開發人員，下面5個CSS性能優化減肥工具想必大家會經常用到！如果你還不知道，說明你還不算很合格的前端開發人員！好東西就要果斷的收藏！

第一個CSS性能優化減肥工具：csstidy

該工具介紹：csstidy是CSS整理與優化工具。并不能檢查層疊樣式表(CSS)文檔和HTML或者XHTML文檔中的CSS的錯誤內容！

CSS整理與優化工具地址：http://www.css88.com/tool/csstidy/

CSS標準檢測錯誤地址：http://jigsaw.w3.org/css-validator/

個性化您的優化csstidyonline：http://csstidyonline.com/

第二個CSS性能優化減肥工具：CSSMate – Online CSS Editor

CSSMate是一個交互式在線CSS編輯器來設計你的CSS樣式。

該網站還發布了最新的用于本地管理的網站簡單的站點地圖生成器。它是免費的，你甚至可以下載源代碼，并改變您的需求。

CSS性能測試地址：http://cssmate.com/csseditor.html

第三個CSS性能優化減肥工具：cleancss

cleancss是一個強大的CSS算法和格式化程序?；旧希枰愕腃SS代碼使它更清潔、更簡潔。

的CSS算法最初是由一些可怕的家伙在CSS整潔。他們建造的程序并使其免費供大家使用。我偶然有一天在他們的優化器在尋找我的CSS幫助。我想知道我能風格最短的一個網站的背景而不必使用所有的”背景圖像”和”背景重復”的標簽。我發現了一些其他的優化，我試過，但沒有工作以及CSS整潔。它實際上是托管在一些隨機的光盤刻錄的網站。為什么呢？我也不清楚。

但在我張貼在我的博客，我注意到一個星期后，該網站不再存在。我很失望因為我想表明我的設計師在工作這個驚人的效用。所以我擅自安裝CSS整潔自己網站主機服務器和注冊cleancss.com。我將到我喜歡的（見草綠色的顏色？）。所以現在我可以確保這個了不起CSS實用呆下去。得到使用的網頁設計師到處。

酷站測試地址：http://www.cleancss.com/

第四個CSS性能優化減肥工具：CSS Compressor

使用本實用的壓縮你的CSS增加加載速度和節省帶寬和。你可以選擇從三個層次的壓縮，這取決于如何清晰你想要壓縮CSS是與程度的壓縮。”正常”模式在大多數情況下很好的工作，建立兩者之間的一個很好的平衡。

切換到高級模式而不是更大的定制。

CSS性能優化酷站測試地址：

http://www.cssdrive.com/index.php/main/csscompressor/

第五個CSS性能優化減肥工具：CSS分析儀

關于CSS分析儀：
這項服務已經提供給允許你檢查你的有效性CSS對W3C的驗證服務，以及一個色彩對比測試，和測試，以確保相關尺寸測量的相對單位指定。如果CSS是由一個指定的URL，它會被加載到文本區域提供一個選項，以使測試更改，而不必重新上傳。

色彩對比
指南2.2的的Web內容可訪問性指南1.0要求前景色和背景色組合提供充足的對比別人有顏色的赤字看，還是黑白屏幕上查看時，當。兩種顏色提供良好的色彩可見，如果亮度差異和兩種顏色之間的色差大于設定的范圍。它們提供一個顏色對比算法，用于在本次測試。該算法是正在開發中，并可能會發生變化。任何改變他們的算法將更新這個頁面上。

此頁面，允許你檢查的使用W3C的色彩對比算法兩種顏色的對比度。你可以使用下面適當的形式指定一個外部的樣式表，或粘貼的CSS在文本框中。

測量單位
指南3.4 Web內容可訪問性指南1.0建議使用相對的而不是絕對的單位樣式表屬性值。相對尺寸包括烯（其中，1烯等效于字體大?。┖桶俜直?。雖然像素是測定的相對單位，在實際尺寸是未知的，因為它取決于輸出介質上。以像素為單位指定字體大小不能由顧客在一些用戶代理被改變，所以被處理，就好像它們是絕對測量單元。

在線檢測CSS酷站網址：http://juicystudio.com/services/csstest.php