祈灵工具箱🎨CSS 格式化工具 - 在线美化、压缩 CSS 代码
从浏览器开发者工具、线上压缩文件或老项目里拿到的 CSS 往往挤成一行或缩进混乱。粘贴进来即可得到排版整齐的样式表：每条声明独占一行，冒号后统一空格，多个选择器逐行排列，>、+、~ 组合符两侧加空格，逗号后补空格，!important 统一写法；@media、@supports、@font-face、@keyframes 以及原生 CSS 嵌套（&:hover）都按层级缩进。分词器能正确识别字符串、注释和未加引号的 url(data:…)，里面的分号和括号不会被误拆。可以选择 2 / 4 空格或 Tab 缩进、删除注释、按字母顺序排列属性（厂商前缀排在标准属性之前）。压缩模式会去掉空白、注释和最后一个分号，可选保留 /*! 开头的版权注释，并显示压缩前后的字节数和节省比例。
免费 · 无需注册 · 浏览器本地处理最后更新：
正在加载工具...
如何使用CSS 格式化
- 1粘贴 CSS 代码
- 2选择格式化或压缩，设置缩进、排序和注释选项
- 3复制或下载结果
常见问题
- 格式化或压缩会改变样式效果吗？
- 不会。工具只调整空白、换行、缩进和注释，不改动选择器、属性值和顺序。唯一要注意的是“属性按字母排序”：如果同一规则里先写 background-color 再写 background 简写，排序后覆盖关系可能改变，这种情况请不要勾选排序。
- 压缩能减少多少体积？
- 取决于原文件里的空白和注释有多少。手写的、带注释的样式表通常能减少 20%～40%；已经压缩过的文件几乎没有变化。线上部署时再配合服务器的 gzip / brotli 压缩，效果会更明显。
- 支持 SCSS、Less 吗？
- 支持原生 CSS 语法，包括 CSS 嵌套、自定义属性（--变量）和各类 @ 规则。SCSS / Less 中与 CSS 结构相同的部分（嵌套规则、变量声明）一般也能正常排版，但 @mixin、@include 的参数、// 单行注释等特有语法可能无法正确处理。
- 代码会上传到服务器吗？
- 不会。所有处理都在浏览器本地完成，没有任何网络请求，关闭页面即清除。