跳到正文
馬克工具箱

CSS 程式碼壓縮

為生產環境壓縮樣式表。CSSO 會刪除空白和註釋、縮短顏色和數值寫法,還會合並重復的規則,通常比只刪空白壓得更小。

在瀏覽器本地執行,輸入的內容和檔案都不會上傳

使用步驟

  1. 貼上 CSS 程式碼。
  2. 選擇是否重組規則、是否保留版權註釋。
  3. 點選「壓縮」,或按 Ctrl+Enter(Mac 上是 ⌘+Enter)。
  4. 複製或下載壓縮後的 CSS。

引數說明

合併和重組規則
在安全的前提下合併選擇器相同或宣告相同的規則。關閉後只刪除空白、縮短數值。
保留版權註釋
保留以 /*! 開頭的註釋,這是版權宣告的慣用寫法。

使用示例

a { color: #ff0000; }
/* note */
a { margin: 0px; }

壓縮後是 a{color:red;margin:0}。

常見問題

會縮短哪些內容?

顏色(#ff0000 → red、#ffffff → #fff)、零值單位(0px → 0)、多餘的分號和引號以及空白。開啟重組後還會合並重復的規則。

重組規則會改變頁面效果嗎?

CSSO 只在層疊結果不變時才移動宣告。如果用了特殊的 hack 寫法,請對比結果或關閉重組。

程式碼會上傳嗎?

不會,壓縮在瀏覽器中完成。

隱私說明

本工具完全在瀏覽器中執行,檔案和文字都在你的裝置上處理,不會上傳到我們的伺服器。

相關工具