10款非常棒的CSS程式碼格式化工具推薦

weixin_33941350發表於2011-12-15

如果你剛開始學習CSS,這意味著你的很多程式碼或結構可能需要優化,比如你可能過多使用了類、新增了多餘的間隔或空行等等,這將導致程式碼臃腫、混亂,可讀性和執行效率將大大降低。

本文為你整理了幾款CSS工具,藉助它們,你可以輕鬆寫出漂亮的CSS程式碼。

1. CSS Lint

這是一個線上工具,可以幫助你檢測CSS程式碼中的問題。該工具可以對一些基本的語法進行評估,並使用一套規則,以尋找有問題或效率低的程式碼。

2. CSS Compressor

這是一個有用的工具,可以幫助你壓縮CSS,以提高載入速度和優化網站。該工具提供了三個壓縮級別,主要依據可讀性與壓縮的關係進行分級。當然,你也可以切換到高階模式以設定更多的引數。

3. ProCSSor

這是一個偉大的免費工具,可以以你想要的方式為CSS程式碼新增格式,並優化你的CSS程式碼,使其更加輕量且易讀。

4. Easy CSS Styler

這是一個視覺化的CSS程式碼生成器,你只需要選擇你想要的樣式、形狀和大小即可。你可以很方便地下載或複製自動生成的CSS程式碼,並應用在你的網站中。

5. Styleneat

一個CSS程式碼處理器,用於組織和標準化你的CSS程式碼。還可以按照CSS屬性和選擇器的字母順序進行排序。

6. PCSS

一個基於PHP5的CSS格式化工具,可以幫助開發者編寫更好的CSS程式碼,部分功能包括類巢狀、伺服器端細節、預設單位和變數等。

7. Normalize

這是一個可定製的CSS檔案,可以讓現代瀏覽器一致地渲染所有的元素。該工具可評估主要瀏覽器之間的不同,以便精確檢測到需要標準化的元素。

 

8. CSS Pivot

使用CSS Pivot,你可以新增CSS樣式到任何網站,並可以使用一個短連結向其他人分享這些結果。

9. PrefixMyCSS

PrefixMyCSS非常易於使用,並會為你節省大量寫程式碼的時間。它可以自動為CSS程式碼新增必要的屬性。貼上你的程式碼到左邊的框中,點選“prefix”就會自動為CSS程式碼新增必要的字首。

10. CSS Prefixer

CSS Prefixer無需多說,它可以幫助你輕鬆地為CSS新增格式,只需貼上你需要增強的程式碼即可。

文章出自:jquery4u

譯文出自:ITeye


相關文章