CSS 格式化
以整洁缩进美化 CSS，或将其压缩以缩小文件体积。处理媒体查询、calc() 和许可注释。
如何使用 CSS 格式化
- 01
将你的 CSS 粘贴到输入框。
- 02
选择美化以格式化它，或压缩以压缩它。
- 03
选择缩进大小，然后复制结果。
CSS 格式化程序的作用
这是一个 CSS 格式化程序，可以通过干净、一致的缩进来美化样式表，或者缩小样式表以缩小文件大小。您可以选择用于美化的缩进大小，并在需要最小输出时切换到缩小。
何时美化、何时缩小
可读的 CSS 更容易扫描、审查和调试：当每个规则和声明都缩进一致时，您可以一目了然地看到选择器、嵌套和媒体查询的形状。
Minifying is for production.它删除了浏览器不需要的空格和注释，因此文件下载速度更快。在大型样式表上，节省的成本会增加，尤其是在服务器上进行 gzip 压缩之前。
使用 calc() 和媒体查询小心缩小
The minifier is careful where it matters.它将加号和减号周围的空格保留在 calc() 内，因此 calc(100% - 30px) 保持有效，并且它只去除结构字符周围的空格，例如大括号、冒号和分号。 It also handles nested media queries correctly.
保留许可证注释
License comments written in the /*! ... */ 形式被保留，这是即使删除普通注释也以缩小输出形式保留版权和许可声明的标准约定。
在您的浏览器中运行
美化和缩小都完全在浏览器中运行，因此您的样式表永远不会离开您的设备。工具格式的可读性和大小；它不会验证您的 CSS 是否正确。
常见问题
压缩会破坏 calc() 表达式吗？
不会。压缩工具会保留值内加号和减号周围的空格，因此 calc(100% - 30px) 仍然有效。它只移除大括号、冒号和分号等结构字符周围的空格。
压缩时会移除注释吗？
普通注释会被移除以节省空间，但写成 /*! ... */ 的许可注释会被保留，这是保留版权声明的标准约定。
我的 CSS 会被上传到任何地方吗？
不会。美化和压缩都完全在你的浏览器中运行，因此你的样式表永远不会离开你的设备。