CSS输入
CSS输出
关于 CSS 格式化工具
CSS 格式化工具帮助你美化 CSS 代码，支持自定义缩进。正确处理选择器、属性、值、@media、@keyframes 等规则。支持美化/压缩模式切换，所有操作在浏览器本地完成。
使用方法
- 打开 CSS 格式化工具 工具页面
- 根据需求输入或粘贴数据到输入区域
- 查看实时处理结果，使用复制按钮获取输出
使用场景
- 样式美化 — 将压缩后的 CSS 格式化为可读的缩进格式，便于调试和修改。
- 项目整理 — 统一项目中 CSS 代码的缩进和格式风格，提升代码一致性。
- 样式审查 — 在审查前格式化 CSS，使选择器和属性结构更清晰。
常见问题
格式化会改变 CSS 样式吗？
不会。格式化只调整缩进、换行和空格，不会改变 CSS 的样式效果。
支持 @media 和 @keyframes 吗？
支持。正确处理媒体查询、关键帧动画、supports 等 at-rules 的嵌套和缩进。
支持压缩模式吗？
支持。切换到压缩模式可以移除多余空格和换行，生成最小化的 CSS 代码。
评论与讨论
💬 评论仅保存在你的浏览器本地，切换设备后不可见。配置 Giscus 后可支持云端评论。