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

第一個CSS性能優(yōu)化減肥工具：csstidy

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

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

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

個性化您的優(yōu)化csstidyonline：http://csstidyonline.com/

第二個CSS性能優(yōu)化減肥工具：CSSMate – Online CSS Editor

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

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

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

第三個CSS性能優(yōu)化減肥工具：cleancss

cleancss是一個強大的CSS算法和格式化程序。基本上，它需要你的CSS代碼使它更清潔、更簡潔。

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

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

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

第四個CSS性能優(yōu)化減肥工具：CSS Compressor

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

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

CSS性能優(yōu)化酷站測試地址：

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

第五個CSS性能優(yōu)化減肥工具：CSS分析儀

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

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

此頁面，允許你檢查的使用W3C的色彩對比算法兩種顏色的對比度。你可以使用下面適當(dāng)?shù)男问街付ㄒ粋€外部的樣式表，或粘貼的CSS在文本框中。

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

在線檢測CSS酷站網(wǎng)址：http://juicystudio.com/services/csstest.php