# CSS 格式化工具 - 在线美化、压缩 CSS 代码

> 免费在线 CSS 格式化与压缩：一键美化，每条声明一行、选择器逐行排列，正确处理 @media、@supports、嵌套、注释与 url()，可排序属性、删注释，压缩模式显示省下的体积。

- 网址: https://qilingtools.com/zh/css-format
- 分类: 开发工具 (https://qilingtools.com/zh/dev)
- 标签: [压缩](https://qilingtools.com/zh/tags/compress), [开发](https://qilingtools.com/zh/tags/dev), [代码格式化](https://qilingtools.com/zh/tags/format), [前端网页](https://qilingtools.com/zh/tags/frontend)
- 最后更新: 2026-10-26
- 价格: 免费，无需注册
- 隐私: 在浏览器本地处理，文件不上传服务器

从浏览器开发者工具、线上压缩文件或老项目里拿到的 CSS 往往挤成一行或缩进混乱。粘贴进来即可得到排版整齐的样式表：每条声明独占一行，冒号后统一空格，多个选择器逐行排列，>、+、~ 组合符两侧加空格，逗号后补空格，!important 统一写法；@media、@supports、@font-face、@keyframes 以及原生 CSS 嵌套（&:hover）都按层级缩进。分词器能正确识别字符串、注释和未加引号的 url(data:…)，里面的分号和括号不会被误拆。可以选择 2 / 4 空格或 Tab 缩进、删除注释、按字母顺序排列属性（厂商前缀排在标准属性之前）。压缩模式会去掉空白、注释和最后一个分号，可选保留 /*! 开头的版权注释，并显示压缩前后的字节数和节省比例。

## 使用步骤

1. 粘贴 CSS 代码
2. 选择格式化或压缩，设置缩进、排序和注释选项
3. 复制或下载结果

## 功能特点

- 每条声明一行，选择器逐行排列
- 嵌套 @media / @supports / CSS Nesting 按层级缩进
- 正确处理字符串、注释和 url() 中的特殊字符
- 属性按字母排序（厂商前缀在前）
- 可删除注释或保留 /*! 版权注释
- 压缩并显示节省的体积
- 本地处理，代码不上传

## 常见问题

### 格式化或压缩会改变样式效果吗？

不会。工具只调整空白、换行、缩进和注释，不改动选择器、属性值和顺序。唯一要注意的是“属性按字母排序”：如果同一规则里先写 background-color 再写 background 简写，排序后覆盖关系可能改变，这种情况请不要勾选排序。

### 压缩能减少多少体积？

取决于原文件里的空白和注释有多少。手写的、带注释的样式表通常能减少 20%～40%；已经压缩过的文件几乎没有变化。线上部署时再配合服务器的 gzip / brotli 压缩，效果会更明显。

### 支持 SCSS、Less 吗？

支持原生 CSS 语法，包括 CSS 嵌套、自定义属性（--变量）和各类 @ 规则。SCSS / Less 中与 CSS 结构相同的部分（嵌套规则、变量声明）一般也能正常排版，但 @mixin、@include 的参数、// 单行注释等特有语法可能无法正确处理。

### 代码会上传到服务器吗？

不会。所有处理都在浏览器本地完成，没有任何网络请求，关闭页面即清除。

## 相关工具

- [JSON 格式化](https://qilingtools.com/zh/json): 免费在线 JSON 格式化：一键美化、压缩，实时语法校验并定位到出错行列，支持树形视图折叠、键名排序、转义与去转义、Unicode 转中文、复制下载，数据不上传。
- [Base64 编解码](https://qilingtools.com/zh/base64): 免费在线 Base64 编码解码工具：支持中文 UTF-8、URL 安全变体，文本与 Base64 互转，实时转换，本地处理不上传。
- [URL 编解码](https://qilingtools.com/zh/url-encode): 免费在线 URL 编码解码工具：encodeURIComponent 与 encodeURI 两种模式，处理中文、空格与特殊符号，本地实时转换不上传。
- [JWT 解析](https://qilingtools.com/zh/jwt): 免费在线 JWT 解析工具：解码 JWT 的 Header 与 Payload，展示过期时间、签发时间等，本地解析不上传，保护令牌安全。
- [时间戳转换](https://qilingtools.com/zh/timestamp): 免费在线 Unix 时间戳转换工具：时间戳与日期互转，自动识别秒/毫秒，显示本地时间、UTC、ISO 8601 和相对时间，实时更新。
- [哈希计算](https://qilingtools.com/zh/hash): 免费在线哈希/摘要计算工具：对文本或文件计算 SHA-1、SHA-256、SHA-384、SHA-512，使用浏览器加密接口本地完成，文件不上传。
- [UUID 生成](https://qilingtools.com/zh/uuid): 免费在线 UUID 生成器：使用加密安全随机数批量生成符合 RFC 4122 的 UUID v4，可大写、去连字符、加花括号，一键复制。
- [进制转换](https://qilingtools.com/zh/base-convert): 免费在线进制转换工具：二进制、八进制、十进制、十六进制及任意 2–36 进制互转，支持大整数（BigInt），本地实时计算。