WebTool

CSS 格式化

免费在线的 CSS 格式化工具,基于 Prettier 把压缩成单行的样式表还原为多行带缩进的可读格式,选择器、属性、媒体查询层次清晰,支持现代嵌套语法,也可反向压缩减小体积,排查线上样式问题必备,无需安装,粘贴即用。

隐私说明:本工具所有处理均在您的浏览器本地完成,输入的数据不会上传到服务器。

什么是CSS 格式化?

线上 CSS 通常被压缩成单行,排查样式问题时根本没法读。本工具基于 Prettier 把压缩 CSS 还原为多行带缩进的可读格式,选择器、属性、媒体查询层次清晰;也可反向压缩减小体积。支持现代嵌套语法。

如何使用

  1. 粘贴 CSS 代码
  2. 自动格式化或点击压缩
  3. 复制结果

常见问题

支持 Less/SCSS 吗?
支持标准 CSS 与 CSS 嵌套语法;含 @mixin 等 SCSS 专有语法时请使用项目内 Prettier + 对应插件。
压缩 CSS 能省多少体积?
通常减少 15%-25%,配合 gzip 传输后差距缩小,但构建管线中压缩仍是标准动作。

相关工具

最后更新于 2026-09-04