工具
在 CSS 压缩版与可读格式之间切换，适合前端调试、嵌入代码和样式整理。
Live Tool
CSS 压缩/格式化
在 CSS 压缩版与可读格式之间切换，适合前端调试、嵌入代码和样式整理。
Tool Workspace
CSS 压缩/格式化
在 CSS 压缩版与可读格式之间切换，适合前端调试、嵌入代码和样式整理。
Fallback
CSS 压缩/格式化
在 CSS 压缩版与可读格式之间切换，适合前端调试、嵌入代码和样式整理。
相关工具
文本格式
打开工具
在 CSS 压缩版与可读格式之间切换，适合前端调试、嵌入代码和样式整理。
文本格式
关于 CSS 压缩/格式化
CSS 压缩美化用于压缩样式表传输体积或展开样式表以便审阅。压缩通常应保持 CSS 含义，但仍需在目标构建和浏览器中验证，因为注释、source map、顺序和工具链都可能产生影响。
Reference: MDN CSS 参考
01
使用方法
- 粘贴样式表副本，不要包含密钥、私有 URL 或仅限生产的配置。
- 选择美化来检查选择器与声明，或选择压缩生成紧凑测试产物。
- 发布前运行项目原有构建，并在受支持的浏览器中检查受影响页面。
02
常见问题
压缩 CSS 一定会让网站更快吗？
减小传输体积可能有帮助，但缓存、压缩、关键 CSS、未使用规则和渲染阻塞同样影响性能。
格式化时可以改变 CSS 顺序吗？
不能想当然。层叠顺序、特异性、自定义属性和 at-rule 位置都可能改变渲染结果。
压缩后的样式表更容易调试吗？
通常不会。应保留源 CSS 和 source map；美化结果只适合辅助审阅，不应取代源文件。