CSS格式化/壓縮
在線CSS代碼格式化與壓縮工具，支持縮進美化與去除空白
0 個字元
使用說明
- 1 在輸入框中粘貼 CSS 代碼
- 2 點擊「格式化」美化，或點擊「壓縮」去除空白
- 3 查看結果，可一鍵複製
相關工具
代碼著色/高亮
在線代碼高亮工具，支持多種編程語言語法著色，基於highlight.js，純瀏覽器端處理
Cron 表達式解析器（含時區熱力圖）
解析 Cron 表達式為人類可讀描述，可視化字段含義，預覽未來 10 次執行時間，並支持多時區對照與 30 天日曆熱力圖。
代碼對比查看器
並排對比兩段文本或代碼的差異，新增/刪除行高亮顯示
HTML格式化/壓縮
在線HTML代碼格式化與壓縮工具，支持縮進美化與去除空白
HTML預覽/運行器
在線HTML代碼編輯和實時預覽工具，支持在沙盒iframe中運行HTML代碼。
JS格式化/壓縮
在線JavaScript代碼格式化與壓縮工具，支持縮進美化與單行壓縮
JSON格式化/編輯
在線JSON格式化、校驗和美化工具，支持語法高亮和錯誤提示
SQL格式化
在線SQL格式化工具，支持 MySQL、PostgreSQL、SQLite 等多種方言
時間戳轉換
在線時間戳轉換工具，支持秒級、毫秒級時間戳與日期時間雙向轉換。
URL 解析器
在線 URL 解析工具，支持拆解協議、主機、路徑、查詢參數和錨點信息。
UUID生成器
在線UUID v4生成器，支持批量生成、大寫和去橫線選項，一鍵複製。
XML格式化
在線XML格式化、美化工具，支持壓縮與縮進切換
YAML格式化
在線YAML與JSON互轉、格式化、校驗工具，支持雙向轉換和錯誤提示
關於此工具
CSS格式化工具將壓縮在一行的CSS代碼還原為每個屬性單獨成行的可讀格式，選擇器與聲明塊之間的縮進規範統一。無論是壓縮版的第三方庫CSS還是構建工具輸出的minified樣式，粘貼即可得到清晰的格式化結果。
適用場景：閱讀第三方UI框架的CSS源碼、調試Webpack/Vite構建後的樣式文件、整理遺留項目中縮進混亂的CSS、以及在代碼評審前將樣式代碼格式化為規範形式。壓縮功能則可將格式化的CSS轉回壓縮版本用於生產部署。
相比在瀏覽器DevTools裡逐條看樣式，本工具能處理完整的CSS文件，格式化後的代碼可直接替換原文件。比裝PostCSS插件或命令行工具更輕量，適合臨時處理單個文件的場景。
常見問題
CSS格式化後會改變樣式效果嗎？ +
不會。格式化只調整空格、換行和縮進，不修改屬性名、屬性值或選擇器的內容。格式化前後在瀏覽器中渲染的視覺效果完全一致，可以放心用於生產代碼。
壓縮後的CSS節省多少體積？ +
通常能減少30%~60%的文件體積，具體取決於原始代碼的格式化程度。壓縮主要去除空格、換行、註釋，並對顏色值、0值單位等做簡化處理。對於大型CSS文件，壓縮後配合gzip傳輸效果更佳。
支持CSS變量（Custom Properties）和媒體查詢嗎？ +
支持。CSS變量（--variable-name: value）、@media、@keyframes、@supports等現代CSS語法都能正確格式化，不會破壞規則結構，嵌套的@規則會保持適當縮進層次。
格式化後註釋會被保留嗎？ +
格式化時默認保留註釋（/* ... */）並格式化其位置。壓縮時會移除註釋以減小文件體積，除非使用特殊的保留註釋語法（如/*!...*/）。如果你的CSS有授權聲明註釋，請使用保留語法。
支持SCSS或Less格式化嗎？ +
本工具主要針對標準CSS格式化。SCSS的嵌套規則語法（.parent { .child {} }）可能無法完全正確處理。如需格式化SCSS或Less，建議使用專門支持預處理器語法的工具或編輯器插件。