10款優(yōu)秀的CSS代碼格式化工具

css優(yōu)化是個(gè)持久的工作，隨著不斷的進(jìn)行改編和新加代碼，尤其如果你剛開(kāi)始學(xué)習(xí)CSS，將意味著很多代碼或結(jié)構(gòu)可能需要優(yōu)化，比如你可能過(guò)多使用了類、添加了多余的間隔或空行等等，這將導(dǎo)致代碼臃腫、混亂，可讀性和執(zhí)行效率將大大降低。而且經(jīng)常格式化后的代碼，有時(shí)會(huì)因?yàn)闀?shū)寫(xiě)css偽類時(shí)冒號(hào)后多個(gè)空格導(dǎo)致該規(guī)則失效。于是圖趣網(wǎng)特整理出10款css代碼優(yōu)化工具，借助它們，你可以輕松寫(xiě)出漂亮的CSS代碼。

1. CSS Lint

這是一個(gè)在線工具，可以幫助你檢測(cè)CSS代碼中的問(wèn)題。該工具可以對(duì)一些基本的語(yǔ)法進(jìn)行評(píng)估，并使用一套規(guī)則，以尋找有問(wèn)題或效率低的代碼。

2. CSS Compressor

這是一個(gè)有用的工具，可以幫助你壓縮CSS，以提高加載速度和優(yōu)化網(wǎng)站。該工具提供了三個(gè)壓縮級(jí)別，主要依據(jù)可讀性與壓縮的關(guān)系進(jìn)行分級(jí)。當(dāng)然，你也可以切換到高級(jí)模式以設(shè)置更多的參數(shù)。

3. ProCSSor

這是一個(gè)偉大的免費(fèi)工具，可以以你想要的方式為CSS代碼添加格式，并優(yōu)化你的CSS代碼，使其更加輕量且易讀。

4. Easy CSS Styler

這是一個(gè)可視化的CSS代碼生成器，你只需要選擇你想要的樣式、形狀和大小即可。你可以很方便地下載或復(fù)制自動(dòng)生成的CSS代碼，并應(yīng)用在你的網(wǎng)站中。

5. Styleneat

一個(gè)CSS代碼處理器，用于組織和標(biāo)準(zhǔn)化你的CSS代碼。還可以按照CSS屬性和選擇器的字母順序進(jìn)行排序。

6. PCSS

一個(gè)基于PHP5的CSS格式化工具，可以幫助開(kāi)發(fā)者編寫(xiě)更好的CSS代碼，部分功能包括類嵌套、服務(wù)器端細(xì)節(jié)、默認(rèn)單位和變量等。

7. Normalize

這是一個(gè)可定制的CSS文件，可以讓現(xiàn)代瀏覽器一致地渲染所有的元素。該工具可評(píng)估主要瀏覽器之間的不同，以便精確檢測(cè)到需要標(biāo)準(zhǔn)化的元素。

8. CSS Pivot

使用CSS Pivot，你可以添加CSS樣式到任何網(wǎng)站，并可以使用一個(gè)短鏈接向其他人分享這些結(jié)果。

9. PrefixMyCSS

PrefixMyCSS非常易于使用，并會(huì)為你節(jié)省大量寫(xiě)代碼的時(shí)間。它可以自動(dòng)為CSS代碼添加必要的屬性。粘貼你的代碼到左邊的框中，點(diǎn)擊“prefix”就會(huì)自動(dòng)為CSS代碼添加必要的前綴。

10. CSS Prefixer

CSS Prefixer無(wú)需多說(shuō)，它可以幫助你輕松地為CSS添加格式，只需粘貼你需要增強(qiáng)的代碼即可。

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