CSS 格式化与压缩工具

在浏览器中直接美化或压缩 CSS 代码。免费、无需注册、无需上传。

免费无需注册客户端运行注重隐私 Updated 6月 10, 2026

缩进

输入

输出

正在加载格式化工具…

使用方法

1 粘贴你的 CSS 代码。
2 选择「美化」获得易读的缩进结果，或选择「压缩」去除空白和注释。
3 复制或下载处理后的结果。

为什么使用此工具

使用 js-beautify 库实现。
支持双向转换——既可以美化已压缩的 CSS，也可以压缩已格式化的 CSS。
完全在客户端处理，不上传文件。
美化模式下每个选择器单独一行，生成的结果对 git diff 更友好。

常见问题

这个工具支持 SCSS / SASS / LESS 吗？

仅支持纯 CSS。不支持预处理器语法（如嵌套、@mixin）——请先将其编译为 CSS 再使用。

工具会保留 CSS 变量和 @media 查询吗？

会——自定义属性、media query、container query 以及各种 at-rule 都会被完整保留。

压缩模式的压缩力度有多大？

会去除所有注释、合并空白字符，并删除最后一个「}」前多余的分号。只应用安全的转换——不会重命名选择器，也不会合并简写（shorthand）属性。

什么是 CSS 格式化与压缩工具？

CSS Formatter 是一款用于美化（beautify）或压缩（minify）CSS 规则的工具。美化模式会对选择器（selector）、属性（property）和声明（declaration）重新缩进，形成整洁易读的结构；压缩模式则去除空白和换行，以减小 CSS 文件体积。工具完全在浏览器中运行，无需注册，也不会将文件上传到服务器——所有 CSS 处理都在你的设备本地完成。

功能特性

美化

将规则展开为易读、缩进一致的声明。

压缩

折叠空白以缩小生产环境中样式表的体积。

100% 私密

格式化在本地完成——您的 CSS 永远不会发送到服务器。

示例

Input

body{margin:0;color:#fff}

Output

body {
  margin: 0;
  color: #fff;
}

常见使用场景

1

格式化压缩后的 CSS

展开被压缩的样式表，以便阅读和编辑。
2

统一团队代码风格

统一团队中所有人 CSS 的空格与大小写规范。
3

发布前压缩体积

压缩样式表以减少关键路径上的字节数。