CSS的優(yōu)化通常包括兩方面: 格式化CSS和精簡(jiǎn)CSS。
精簡(jiǎn)CSS的辦法是把具有相同屬性的元素合并在一起,但這會(huì )降低代碼的可讀性,使代碼的后期維護很麻煩,稍不注意就出錯。
格式化CSS一般就是多行模式或單行模式的選擇,比如我個(gè)人就完全受不了多行模式
下面是一些在線(xiàn)的CSS優(yōu)化工具,能讓你方便的對CSS文件進(jìn)行各種優(yōu)化處理。
1. Online CSS Optimizer /在線(xiàn)CSS優(yōu)化
該在線(xiàn)工具用于精簡(jiǎn)和壓縮樣式表的文件大小,優(yōu)化后的代碼將完全是混亂的,支持輸入URL,提交文件和直接輸入進(jìn)行壓縮。
作用同上,但這個(gè)工具擁有非常詳細的壓縮選項,它包含基本模式和高級模式。
在基本模式下, 你可以選擇壓縮模式: 輕度,標準和高度。最高模式壓縮后的文件最小,但同時(shí)可讀性也就最低,甚至壓縮后就出問(wèn)題也可能,以此類(lèi)推。還可以選擇CSS注釋代碼的處理: 不處理注釋?zhuān)宄凶⑨尰蛳薅ㄗ⑨屪址麛怠?span id="more-8056">
在高級模式下,還可以對空白,Tab,新行等等進(jìn)行選擇處理。
3. CleanCSS / CSS格式化和優(yōu)化工具
基于 CssTidy 的一款在線(xiàn)CSS優(yōu)化工具,既可以格式化CSS代碼,也可以?xún)?yōu)化CSS減少CSS文件大小,包含非常詳細的選項設置。比如選擇器和屬性的排序,大小寫(xiě)轉換等等。
檢查樣式表的有效性,驗證樣式表是否符合 W3c 標準,同時(shí)進(jìn)行顏色對比測試和確保尺寸的單位(W3C的Guideline 3.4 建議使用相對而非絕對單位,雖然px是相對單位,但是最終的字體大小卻取決于輸出介質(zhì),所以建議是使用百分比和em等尺寸單位。)
5. Format CSS Online /在線(xiàn)CSS格式化工具
這是一個(gè)專(zhuān)門(mén)用于格式化CSS樣式表文件的在線(xiàn)工具,討論該使用”多行模式”還是”單行模式”或其它模式是沒(méi)什么意義的,不如大家就按自己的模式去做,在協(xié)作的時(shí)候用工具重新格式化成自己喜歡的模式就好了。
6. Tabifier
非常簡(jiǎn)單的格式化工具,通過(guò)增加代碼的縮進(jìn)來(lái)讓代碼更具可讀性。
一款多用途代碼優(yōu)化工具,提供多種選項,除 CSS 外,還支持 PHP,Java,C++,C,Perl,javascript 等多種語(yǔ)言。
8. Styleneat
簡(jiǎn)單易用的CSS格式化工具,雖然選項不多,但還是蠻實(shí)用的,支持直接輸入,上傳文件和輸入URL。
最后,個(gè)人的一些建議: 使用在線(xiàn)工具進(jìn)行格式化,但不要使用在線(xiàn)工具進(jìn)行壓縮,最好自己手動(dòng)進(jìn)行一些元素和屬性合并。

