CSS 格式化

什么是CSS 格式化？

如何使用CSS 格式化

1. 1

   粘贴 CSS 代码：把你需要处理的混乱、压缩或者排版不规范的 CSS 代码，直接粘贴到页面上方的代码输入编辑框中，检查有没有遗漏的代码片段即可

2. 2

   选择格式类型：根据你的需求，点击选择对应的处理类型，想要排版清晰就选美化格式化，想要缩小体积就选压缩处理方式

3. 3

   调整缩进参数：如果你选择了美化格式化，需要点击选择每级代码的缩进空格数，可以选2个空格也可以选4个空格，适配你的项目规范

4. 4

   复制处理结果：点击处理按钮后，下方输出区会生成处理完成的 CSS 代码，你可以直接选中全部代码复制到你的项目中使用

什么场景会用到？

计算示例

注意事项

• 缩进选择需要和项目代码规范对齐，部分项目用4空格，部分用2空格，工具支持自定义缩进宽度。
• CSS注释默认会保留，压缩模式下默认移除所有注释，可根据场景手动切换保留版权注释。
• 不支持处理包含嵌套语法的SCSS/Less代码，仅处理标准CSS语法的代码。
• 部分特殊CSS hack写法会被工具保留，不会自动修改原有选择器和属性内容，只调整格式。

常见问题

参考资料

• MDN Web Docs CSS 语法文档
• W3C CSS 2.1 语法规范

本页工具遵循标准CSS语法规则处理代码，适配常见前端开发格式化需求，所有处理逻辑在页面内完成，由工具集编辑组维护。