CSS 美化

CSS 美化

該工具美化 CSS 程式碼，添加適當的縮排、換行和一致的格式。貼上壓縮或格式不佳的 CSS，即可取得乾淨、可讀的輸出。

操作在瀏覽器中本地執行。您的資料不會上傳或儲存在伺服器上。

使用方法

1. 將 CSS 程式碼貼上到輸入編輯器中。
2. 點擊美化 CSS來清理程式碼。
3. 美化後的 CSS 將以適當的縮排顯示在輸出編輯器中。
4. 使用複製複製到剪貼簿，下載儲存檔案，或清除重置。

什麼是 CSS 美化？

CSS 美化為 CSS 程式碼添加縮排和換行，使其易於閱讀。壓縮的 CSS 移除了所有空白字元以減小檔案大小，但難以閱讀和除錯。

美化 CSS 對於除錯樣式、檢視框架和與其他開發者協作至關重要。

輸入說明

該工具接受任何 CSS 輸入。美化器保留所有樣式和選擇器——只改變空白和縮排以提高可讀性。

範例

壓縮的 CSS 美化後變得可讀：

--- Minified Input ---
body{margin:0;padding:0;font-size:16px;}.container{max-width:1200px;}

--- Beautified Output ---
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.container {
  max-width: 1200px;
}