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;
}