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

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

1、CSS優(yōu)化器

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

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

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

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

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

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

4、CSS壓縮機

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

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

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

第二，格式化

1、FormatCSS

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

2、prettyprinter.de

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

第三，驗證和檢查

1、W3C CSS驗證服務(wù)

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

2、CSS分析器

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

3、CSS冗余檢查器

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

轉(zhuǎn)載請注明轉(zhuǎn)自：www.wangzhan.net.cn

最新評論