TL
Tool Lab
💰捐贈
💰捐贈

CSS Formatter

Format, beautify, and minify CSS

輸入
輸出

關於本工具

CSS格式化工具將壓縮或難以閱讀的CSS轉換為整潔、正確縮排的樣式表。支援所有標準CSS特性,包括媒體查詢、偽類、關鍵幀動畫、自訂屬性和巢狀選擇器。

壓縮模式刪除所有註解和多餘空白,生成適合生產環境的最小有效CSS。所有處理均在瀏覽器本地進行。

使用方法

  1. 將CSS貼上到左側輸入面板。
  2. 選擇首選縮排(2或4空格)。
  3. 點擊格式化進行美化,或點擊壓縮進行最小化。
  4. 點擊複製將結果複製到剪貼簿。

使用情境

前端開發者用來格式化從瀏覽器DevTools、舊版樣式表或設計系統匯出的CSS。壓縮功能可將生產環境CSS檔案大小減少30–50%。

常見問題

  • 支援SCSS/LESS嗎?此工具僅格式化標準CSS。對於SCSS或LESS,請使用專用預處理器格式化工具。
  • 註解會被保留嗎?格式化時註解會被保留。壓縮模式會刪除所有註解以減小檔案大小。
  • 我的資料安全嗎?所有處理均在瀏覽器本地進行。CSS不會傳輸到任何伺服器。