CSS格式化工具

CSS · Format · Minify · Sort

CSS格式化工具

粘贴 CSS 代码，一键格式化缩进、压缩成单行、排序属性，并查看选择器和声明统计。

本地处理

粘贴 CSS 后点击格式化、压缩或排序。代码不会上传。

CSS 统计

等待处理

处理说明

格式化会按选择器和声明块增加换行；压缩会去除注释与多余空白；排序会整理同一规则内的属性顺序。

CSS格式化使用建议

  • 适合整理页面样式、模板内联 CSS、复制来的样式片段和压缩后的 CSS。
  • 复杂 Sass、Less、CSS-in-JS 和浏览器 hack 建议格式化后再人工复核。
  • 压缩结果适合临时复制或嵌入页面，正式上线仍建议使用项目构建工具。

CSS格式化工具说明

本地整理 CSS 缩进、压缩空白和统计样式规模

CSS格式化会按选择器和声明块增加换行与缩进，让样式规则更容易阅读。CSS压缩会去除注释、多余空白和可省略分号，适合临时缩短代码。属性排序适合在排查样式时把同一规则内的属性按字母顺序整理。

本工具是轻量级浏览器端处理，适合常见 CSS 片段、页面样式和模板内联样式整理。复杂 Sass/Less、CSS-in-JS 或构建产物建议使用项目专用 formatter 再复核。

使用步骤

  1. 粘贴需要处理的 CSS 代码。
  2. 选择 2 空格、4 空格或 Tab 缩进。
  3. 点击格式化、压缩或属性排序。
  4. 确认结果后复制使用。

注意事项

  • 缺少括号或分号时，格式化结果可能不完全准确。
  • 属性排序会改变书写顺序，依赖覆盖顺序的代码需谨慎。
  • 所有处理在浏览器本地完成，内容不会上传。

CSS格式化常见问题

关于本地处理、格式化、压缩和属性排序的说明

不会。格式化、压缩和统计都在浏览器本地完成。