CSS 格式化
一键美化或压缩 CSS，支持属性字母排序。兼容 @media、@keyframes 等所有标准 at-rule 规则。
模式：
缩进：
属性排序：
输入 CSS0 字符
美化结果
这个工具有帮到你吗？
常见问题
CSS 美化做了什么？
CSS 美化（格式化）将压缩或书写不一致的 CSS 重新整理：每个属性声明单独一行，规则块内正确缩进，规则之间有空行以便阅读。这是纯外观调整，不影响渲染效果。
属性排序有什么用？
属性排序将每个规则块内的属性按字母顺序（A→Z）重新排列，方便快速定位特定属性并避免重复声明。许多团队代码规范（如字母序排列）都有助于保持整个项目的一致性。
CSS 压缩会影响页面外观吗？
不会。CSS 压缩只是移除空白、注释和规则块末尾的分号——这些都是语义无关的内容。浏览器解析压缩和格式化的 CSS 方式完全相同。压缩后的 CSS 通常比格式化版本小 20–40%。
支持 @media 查询和 @keyframes 吗？
支持。@media、@keyframes、@supports、@font-face 等 at-rule 均可识别，内部块会自动正确缩进。没有块体的 @import 和 @charset 格式化为单行语句。
能处理 SCSS 或 Less 吗？
格式化器处理标准 CSS 语法，对于 SCSS/Less 文件中的合法 CSS 部分可以正常处理。SCSS 特有的变量（$var）、嵌套和混入（@mixin）等非标准语法可能无法正确格式化。
如何在项目中自动格式化 CSS？
可使用 Prettier 配合 .prettierrc 配置，或 Stylelint 配合 stylelint-config-prettier 预设。Tailwind CSS 项目可使用 Tailwind Prettier 插件对 utility class 排序。VS Code 内置 CSS 格式化器（Shift+Alt+F）也适合本地快速格式化。