跳至內容
Monu Tools

CSS 格式化工具

美化 CSS 並加入整潔縮排,或壓縮以縮小檔案大小。支援媒體查詢、calc() 和授權注解。

如何使用 CSS 格式化

  1. 01

    將 CSS 貼入輸入框。

  2. 02

    選擇「美化」進行格式化,或「壓縮」進行壓縮。

  3. 03

    選擇縮排大小,然後複製結果。

CSS 格式化程式的作用

這是一個 CSS 格式化程序,可以透過乾淨、一致的縮進來美化樣式表,或縮小樣式表以縮小檔案大小。你可以選擇用於美化的縮排大小,並在需要最小輸出時切換到縮小。

何時美化、何時縮小

可讀的 CSS 更容易掃描、審查和調試:當每個規則和聲明都縮排一致時,你可以一目了然地看到選擇器、巢狀和媒體查詢的形狀。

縮小是為了生產。它刪除了瀏覽器不需要的空格和註釋,因此檔案下載速度更快。在大型樣式表上,節省的成本會增加,尤其是在伺服器上進行 gzip 壓縮之前。

使用 calc() 和媒體查詢小心縮小

縮小器在重要的地方會很小心。它將加號和減號周圍的空格保留在 calc() 內,因此 calc(100% - 30px) 保持有效,並且它只去除結構字元周圍的空格,例如大括號、冒號和分號。它還可以正確處理嵌套媒體查詢。

保留許可證註釋

許可證註釋寫在/*! ... */ 形式被保留,這是即使刪除普通註釋也以縮小輸出形式保留版權和許可聲明的標準約定。

在你的瀏覽器中運行

美化和縮小都完全在瀏覽器中運行,因此你的樣式表永遠不會離開你的裝置。工具格式的可讀性和大小;它不會驗證你的 CSS 是否正確。

常見問題

壓縮會破壞 calc() 表達式嗎?

不會。壓縮器會保留值內加減號周圍的空格,因此 calc(100% - 30px) 仍然有效。它只移除大括號、冒號和分號等結構符號周圍的空格。

壓縮時會移除注解嗎?

普通注解會被移除以節省空間,但以 /*! ... */ 寫的授權注解會保留,這是保留版權聲明的標準慣例。

我的 CSS 會上傳到任何地方嗎?

不會。美化和壓縮完全在瀏覽器中執行,樣式表永遠不會離開你的裝置。

來源

報告問題