天天看點

(轉)8款線上CSS優化工具/組織和壓縮CSS

CSS的優化通常包括兩方面: 格式化CSS和精簡CSS。

精簡CSS的辦法是把具有相同屬性的元素合并在一起,但這會降低代碼的可讀性,使代碼的後期維護很麻煩,稍不注意就出錯。

格式化CSS一般就是多行模式或單行模式的選擇,比如我個人就完全受不了多行模式 

下面是一些線上的CSS優化工具,能讓你友善的對CSS檔案進行各種優化處理。

該線上工具用于精簡和壓縮樣式表的檔案大小,優化後的代碼将完全是混亂的,支援輸入URL,送出檔案和直接輸入進行壓縮。

作用同上,但這個工具擁有非常詳細的壓縮選項,它包含基本模式和進階模式。

在基本模式下, 你可以選擇壓縮模式: 輕度,标準和高度。最高模式壓縮後的檔案最小,但同時可讀性也就最低,甚至壓縮後就出問題也可能,以此類推。還可以選擇CSS注釋代碼的處理: 不處理注釋,清除所有注釋或限定注釋字元數。

在進階模式下,還可以對空白,Tab,新行等等進行選擇處理。

這是一個專門用于格式化CSS樣式表檔案的線上工具,讨論該使用”多行模式”還是”單行模式”或其它模式是沒什麼意義的,不如大家就按自己的模式去做,在協作的時候用工具重新格式化成自己喜歡的模式就好了。

非常簡單的格式化工具,通過增加代碼的縮進來讓代碼更具可讀性。

一款多用途代碼優化工具,提供多種選項,除 CSS 外,還支援 PHP,Java,C++,C,Perl,JavaScript 等多種語言。

簡單易用的CSS格式化工具,雖然選項不多,但還是蠻實用的,支援直接輸入,上傳檔案和輸入URL。 

最後,個人的一些建議: 使用線上工具進行格式化,但不要使用線上工具進行壓縮,最好自己手動進行一些元素和屬性合并。