正在準備工作區…
輸入
正在準備工作區…
輸出
結果將顯示在這裡。
使用方法
- 貼上 CSS、開啟 UTF-8 檔案或載入「範例」。
- 選擇縮排，或啟用「壓縮 CSS」，再執行操作。
- 檢查結果，使用「複製」或「下載」。
CSS 格式化與壓縮的區別
格式化讓樣式表更易閱讀和審查；壓縮透過移除可選空白和普通註解，產生更緊湊的文字。
兩種操作都會先解析輸入。格式化使用 Prettier；壓縮使用 CSSTree 產生緊湊語法，不執行整份樣式表的最佳化。
選擇操作
格式化透過一致的縮排和換行展開原始碼。可選擇兩個空白字元或四個空白字元，與專案保持一致。
壓縮會精簡有效 CSS，保留必要空格和以感嘆號開頭的授權註解。結果中仍可能包含獨立最佳化器能進一步簡化的內容。
輸入
.card { color: red; padding: 8px; }結果
.card{color:red;padding:8px}緊湊語法示意；選擇「壓縮 CSS」即可產生此形式。
解析與轉換邊界
工具不會刪除未使用的選擇器、合併規則、重寫資源 URL 或取得匯入檔案。請結合原應用環境測試結果。
輸入應為 CSS，而非 Sass 或 Less 程式。解析錯誤會顯示；原始碼或設定更改後，舊結果無法匯出。
匯出樣式表
「複製」匯出目前的完整結果；「下載」儲存為 styles.css。兩者都不會編輯原始檔案，也不會自動將樣式表套用至專案。
處理限制
文字輸入上限 1 MiB。CSS 與 HTML 轉換在工作執行緒中執行，限時 30 秒。顏色工具使用 sRGB；產生的樣式僅供預覽，需要在您的版面配置中測試。
?
常見問題
壓縮會刪除未使用的 CSS 嗎？
不會。工具僅壓縮語法，不分析 HTML，也不判斷哪些選擇器被使用。
會保留授權註解嗎？
壓縮會保留以 /*! 開頭的註解，刪除普通註解。如果專案有其他宣告要求，請檢查輸出。
可以貼上 Sass 或 Less 嗎？
工具解析 CSS，不執行 Sass 或 Less 編譯器。請先編譯預處理器原始碼。
修改輸入後為什麼無法複製？
顯示結果屬於之前的原始碼或設定。重新執行所選操作，才能產生目前結果。
樣式表會上傳嗎？
不會。解析和轉換均在瀏覽器中完成。開啟文字檔案只在本機讀取，「下載」產生新的輸出檔案。