工具介绍
CSS格式化工具把挤成一行或缩进混乱的样式表重新排成层次分明的块状结构，也能反向操作，压成体积最小的单行 CSS。选项分成「缩进设置」「换行与空行设置」「CSS 特定设置」三组：缩进大小与字符、大括号是否另起一行、空行保留还是清理、空行要不要跟随缩进、导出的行结束符，都能逐项调整。
排版由自研的解析器驱动，注释、字符串与 url() 会被完整识别并原样保留，因此 url 里的逗号、冒号、斜杠都不会被误改；@media、@supports、@font-face 以及 CSS 嵌套规则会按其层级正确递增缩进。压缩模式会去掉注释、合并空白并删掉右括号前多余的分号。全部解析与排版都在浏览器本地完成，样式代码不会离开你的设备。
界面展示
功能亮点
- 一键美化：把压缩或手写的样式重排成缩进清晰的块状结构
- 一键压缩：去掉注释与冗余空白，输出紧凑的单行 CSS
- 缩进可调：1 / 2 / 3 / 4 / 8 个空格，或改用 Tab 缩进
- 大括号样式：与选择器同行，或另起一行
- 空行控制：保留原有空行（最多一行）或一键清理
- 空行缩进：空行可选择顶格，或跟随当前层级一起缩进
- 行结束符：支持 LF / CRLF / CR，方便在 Windows 与 Unix 之间搬代码
- 注释安全：注释、字符串与 url() 里的逗号和冒号不会被误改
- 嵌套规则：@media、@supports、@font-face 与 CSS 嵌套都能正确缩进
- 选择器整理：逗号后统一补一个空格，> + ~ 组合器两侧补空格
- 数值细节：!important 归一为「 !important」，font 的 12px/1.5 保持紧凑
- 本地处理：解析与排版全部在浏览器完成，不上传任何代码
使用方法
- 输入代码：在左侧粘贴 CSS，或点击「上传」导入 .css 文件
- 选择风格：设置缩进大小与字符、大括号样式、空行与行结束符
- 选择输出：想要更小的体积就点「压缩」，常规整理点「格式化」
- 核对结果：右侧查看处理后的代码与字符、行数统计
- 取用代码：用「复制结果」或「下载 .css」保存到本地
适合人群
- 前端开发者：整理压缩过的第三方样式或手写 CSS
- 页面维护者：统一团队样式表的缩进与大括号风格
- Web 设计师：把设计工具导出的样式排整齐再阅读
- 网站管理员：压缩样式文件体积，加快首屏加载
- CSS 学习者：通过规范缩进理解选择器与声明的层级关系
常见问题解答（FAQ）
格式化会改变样式效果吗？
不会。工具只调整缩进、空格与换行，不改动选择器、属性名和属性值。
支持压缩吗？
支持。点击「压缩」会去掉注释与多余空白，并删掉右花括号前多余的分号，得到紧凑的单行 CSS。
压缩会丢失注释吗？
会。压缩模式移除全部注释；需要保留注释请用「格式化」。
url() 里的逗号和冒号会被改吗？
不会。url() 与字符串整体保留原样，内部的逗号、冒号、斜杠都不会被调整。
@media 里的规则会缩进吗？
会。@media、@supports、@font-face 以及 CSS 嵌套规则都会按其层级递增缩进。
大括号放在选择器后面还是新起一行？
两者都支持，在「大括号样式」里切换即可。
空行会被保留吗？
默认保留，且最多保留一行；选择「清理空行」则全部去掉。
行结束符有什么用？
Windows 上常用 CRLF，Unix 与 Git 常用 LF，导出前选好可以避免整份文件 diff 全变色。
能处理 SCSS / LESS 吗？
可以处理其中的纯 CSS 部分，但变量、嵌套语法糖与混入不属于标准 CSS，可能无法完全还原，建议格式化后核对。
文件最大支持多少？
上传文件限 5MB 以内，实际处理速度取决于浏览器性能。
代码会上传到服务器吗？
不会。解析与排版都在浏览器本地完成，没有任何网络请求。
「实时格式化」默认开启吗？
默认关闭。粘贴后点击「格式化」或「压缩」执行；打开右上角开关后，输入即自动重排。
更新日期：2026-11-03