18個CSS精簡壓縮工具和技巧

2021-09-25 08:52:01 字數 772 閱讀 9297

在我們討論如何壓縮css之前,需要注意一下在壓縮和**的易讀性上常常要有個平衡。很多編碼者以其css組織清晰為傲,而且並不希望自己的**被 通過壓縮器去掉注釋和斷行。作為乙個設計師,你應該分析你所編寫的**的目標。如果你要建立乙個小的只需要幾行css的**,可能就沒有必要做額外的壓 縮。同樣,如果你在編寫需要和乙個開放團隊分享的**,插入額外的注釋和斷行可以節省你的同事的大量時間並獲得他們真心的感謝。然而,如果你在設計乙個需 要大量css的大型**,你肯定要注意你的檔案大小並進你所能保持其最小。 可能在尋找壓縮和可能性之間的完美結合上面需要花一些時間,但是它們都值得挖掘而且實現它們的平衡可以讓你的工作變得容易很多。同時,很明顯並不是說壓縮一定會導致可讀性的降低。很多可用於壓縮**的技術都能生成更好更有組織的**。 考慮到這一點兒,讓我們開始了解一些技術已保持css檔案最小化吧。

css縮寫是一種將多行css合併到單行的方法。 養成使用你知道的所有縮寫技巧的習慣可以明顯的減少你最終寫出的**的行數。這裡是個例子: 長寫版本:

#container
縮寫版本:

#container
css sprites背後的最初想法是減少http請求的數量以加快頁面的載入時間。sprite實現這個目標的途徑就是拼合多張到乙個單獨的檔案中, 通常是乙個網格格式的。每個單獨的通過切換大的sprite的background-position來顯示。對於css**來說,使用 sprite技術可以大大的提高**的重用度和可維護性,這會明顯的減少css的**量。

賞 謝謝你支援我!

zip壓縮工具 tar打包和打包壓縮

一 zip壓縮工具 zip壓縮包是windows和linux下都比較常用的,而且它不僅可以壓縮目錄,還可以壓縮檔案。如果centos 沒有這個命令,使用命令安裝 yum install y zip zip後面先跟目標檔名,也就是壓縮後的自定義壓縮包名,然後是要壓縮的檔案或者目錄。語法 zip fil...

壓縮工具和整盤備份工具dd

gzip是gnu zip的縮寫。命令格式 gzip option filename 常用選項 c 壓縮後將結果輸出到標準輸出,並保留原始檔案。d 解壓縮檔案。l 顯示壓縮檔案的詳細資訊。r 遞迴地處理目錄下的所有檔案及子目錄,或遞迴地解壓縮檔案內的目錄和子目錄。v 顯示命令的執行過程。t 測試壓縮檔...

10個精簡優化CSS檔案的技巧

可以使用 css optimizers 來優化css,但是我認為如果你使用下面提到的技巧編寫 時,效率和能力都會得到提高。優化css檔案還能節省流量同時提高頁面載入速度。1.注釋 編寫css時注釋顯得格外有用,這樣協同工作的同事就會理解 的含義。注釋方法有多種,你可以使用如下方法 comment 同...