在CSS建站中，無論其代碼長度還是文件大小都會影響到網頁的正確展示盒速度。那么如何來進行CSS的優(yōu)化和驗證呢？如果你的css水平不能夠達到自檢的程度，那么今天就和筆者一起來學習如何智能化檢查吧？

第一，優(yōu)化和壓縮

1、CSS優(yōu)化器

CSS優(yōu)化器是一個簡單的在線優(yōu)化器處理你當前的CSS和輸出壓縮版本。你可以選擇樣式表的URL鏈接，上傳一個CSS文件或直接輸入你的風格。這是一個簡單的工具“plug-and-chug”。沒有選項，因此優(yōu)化過程仍將是相同的所有輸入你想規(guī)范壓縮設置。

干凈的CSS是基于流行的CSS縮小鏡，CSSTidy。你可以設置你想要的壓縮級別(更高的壓縮的權衡是更加困難的可讀性)和自定義壓縮選項。它打印出一個逐行報告之后告訴你什么已經改變了。也看看CSS格式化程序和優(yōu)化器使用最近的一個版本的CSSTidy。

2、CSS畫廊——CSS壓縮機開車

CSS驅動的CSS壓縮機有兩種模式，普通模式和高級模式(有幾個選項您可以設置)。你可以刪除注釋(帶注釋選項)或指定條評論超過某個字符的限制，因此保留意見是短暫的。常規(guī)模式是完美的對那些不挑剔，只是選擇光正常，超緊湊的壓縮和你準備巖石。

3、在線CSS優(yōu)化器

在線CSS優(yōu)化器是另一個簡單的CSS的基礎上優(yōu)化工具CSS優(yōu)化器命令行應用程序OS X和Linux。你有兩種方式輸入CSS，通過頁面上的文本框提供或直接鏈接到你的樣式表。有時你會發(fā)現你需要反向壓縮——你可以通過使用解壓縮CSS應用程序在網站上。

4、CSS壓縮機

另一個流行的基于web的CSS是羅布森開源CSS壓縮機壓縮工具，(檢查CSS壓縮機PHP源代碼)。有大量的壓縮選項可以設置處理顏色，測量單位、規(guī)則和CSS屬性。CSS壓縮機還提供了一個有用的結合實用程序同時結合和壓縮到三個獨立的CSS文件。

5、flumpCakes樣式優(yōu)化器

flumpCakes樣式表優(yōu)化器是另一個優(yōu)化和格式化程序和幾個選項。它給你自動的選擇結合背景、字體、列表和進入速記符號的邊界屬性，一個漂亮的打印選項標準化代碼格式。一個很酷的功能是為您提供一個URL的反向鏈接的功能，您可以隨時書簽并返回查看樣式表的壓縮狀態(tài)。

第二，格式化

1、FormatCSS

FormatCSS允許您粘貼有效的CSS代碼，糾正和規(guī)范你的源代碼。有幾個可用的設置和規(guī)則，您可以應用來實現你想要的類型的格式，包括訂購CSS按字母順序，de-capitalizing代碼和一些選項來處理風格。

2、prettyprinter.de

prettyprinter.de并不局限于CSS——它也格式PHP、Java、c++、C、Perl和JavaScript所以這是一個了不起的“一站式”你的格式需要如果你碰巧使用的任何其他受支持的語言。它共有13個不同選項可以設置包括“減少空白”、“刪除空行”花括號后自動添加新行。

第三，驗證和檢查

1、W3C CSS驗證服務

也許最常見的基于web的CSS驗證服務是W3C CSS驗證服務。它非常容易使用,只要輸入你的樣式表的URL并將輸出樣式表的狀態(tài)和指出錯誤,警告和其他問題。

2、CSS分析器

CSS分析儀結合了W3C驗證服務和額外的色彩對比檢查(有助于視覺障礙可訪問性問題)和計量單位的使用在你的源代碼。您可以通過URL輸入CSS代碼或復制到文本框在頁面上提供。結果是一個非常詳細的錯誤和警告你的CSS類似于W3C CSS驗證服務。

3、CSS冗余檢查器

CSS冗余檢查器是一個簡單的工具檢查如果你有多余的風格可以組合在一起。這樣可以減少不必要的風格和是一個很好的方法來檢查你的工作。分為三個步驟:簡單的樣式表鏈接，使用樣式表把幾頁點擊“檢查”按鈕。輸出是一個詳細的推薦列表和地方相結合可以減少代碼冗余方式。

轉載請注明轉自：www.wangzhan.net.cn