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

如果你剛開始學習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添加格式，只需粘貼你需要增強的代碼即可。




英文原文： http://www.jquery4u.com/dynamic-css-2/10-awesome-css-format-tools/

轉自： http://www.iteye.com/news/23692