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

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

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

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

CSS標(biāo)準(zhǔn)檢測(cè)錯(cuò)誤地址：http://jigsaw.w3.org/css-validator/

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

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

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

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

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

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

cleancss是一個(gè)強(qiáng)大的CSS算法和格式化程序?；旧希枰愕腃SS代碼使它更清潔、更簡(jiǎn)潔。

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

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

酷站測(cè)試地址：http://www.cleancss.com/

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

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

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

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

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

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

關(guān)于CSS分析儀：

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

色彩對(duì)比

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

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

測(cè)量單位

指南3.4 Web內(nèi)容可訪問(wèn)性指南1.0建議使用相對(duì)的而不是絕對(duì)的單位樣式表屬性值。相對(duì)尺寸包括烯（其中，1烯等效于字體大小）和百分比。雖然像素是測(cè)定的相對(duì)單位，在實(shí)際尺寸是未知的，因?yàn)樗Q于輸出介質(zhì)上。以像素為單位指定字體大小不能由顧客在一些用戶代理被改變，所以被處理，就好像它們是絕對(duì)測(cè)量單元。

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