如果你剛開始學習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