CSS 格式化 / 壓縮

把雜亂的 CSS 重新縮排以便閱讀,或壓縮以便上線——安全模式絕不打亂你的規則順序。

縮排
壓縮強度
貼上或輸入 CSS 來格式化或壓縮。

你的 CSS 會在瀏覽器本機格式化和壓縮,不會上傳到 BroBroGo。

常見問題

格式化和壓縮有什麼區別?

格式化會重新縮排、加上空白,讓樣式易讀易改;壓縮正好相反,去掉瀏覽器用不到的空白和註解,並把顏色等值寫短,讓檔案更小、載入更快。開發時用格式化,上線前用壓縮。

「安全」和「極致」壓縮有什麼不同?

「安全」只刪除空白和註解、把值寫短,每一條規則都留在你寫的位置;「極致」會更進一步,合併重複的選擇器和規則,讓檔案更小——它可能調整規則順序,所以如果樣式表依賴書寫先後,上線前最好快速核對一下。/*! … */ 形式的註解兩種模式都會保留。

壓縮會改變頁面的顯示效果嗎?

在「安全」模式下不會——樣式的渲染完全一樣。它只是摺疊空白、去掉一般註解、把值寫成更短的等價形式(例如把 #ffffff 寫成 #fff),絕不改動你的廠商前綴,也不改寫新語法。「極致」模式還會合併規則,在絕大多數樣式表上效果一致,但如果你的樣式依賴規則順序,值得核對一下。