01
先确认查看的是源码
示例包含自定义属性和媒体规则。目录的行号始终来自输入，格式化结果换行后也不会让定位偏移。
HTML / CSS / 前端代码
CSS 格式化看清规则再交付
手动选择格式化、压缩或检查；结果始终与源码分栏，修改输入后需重新运行才能导出。
CSS 格式化
CSS 仅在当前浏览器标签页处理，不上传也不保存历史。
规则导航
运行后显示选择器和 @ 规则。
输入 CSS 后选择操作。
接手一段被压成一行的样式时，重复声明和媒体规则很难看清。需要在线 CSS 格式化时，这里会展开缩进但保留选择器和属性原有顺序，方便逐项检查层叠关系。
要交付更短的文件可以用 CSS 压缩；要找缺失的括号可用 CSS 语法检查。这个 CSS 格式化页面从同一份原始输入计算，不会把上一次结果反复加工。
为什么用 CSS 格式化查看源码
输出清楚，原始行号也保留下来。
只整理排版，不调换覆盖顺序
CSS 格式化会保留重复属性及其先后顺序，注释在可读结果中也不会消失。左右两栏便于核对，避免把排版误当成代码重构。
按源码行号找到规则
规则目录列出选择器和 @media 等规则，点击即可回到输入中的原始位置；语法错误同时给出行列，便于修正未闭合的代码块。
按原始行号检查并导出
02
分别运行三种操作
默认缩进为 2 个空格，也可选 4 个空格或 Tab。压缩和检查都重新读取原始输入，不会继续加工上一份输出。
03
结果过期就重跑
编辑源码或调整缩进后，复制和下载会立即禁用。重新运行格式化或压缩即可恢复；Ctrl/Cmd+Enter 可快速执行格式化。
排版、压缩与定位各司其职
易读排版
CSS 美化 把嵌套块、声明与注释分行展示，不自动排序属性，也不删掉重复声明。
保守压缩
压缩只移除可省略的空白和普通注释，不合并规则、不改写颜色与单位，适合核对后再导出。
选择器目录
从原始 CSS 提取选择器与 @ 规则并标出行号。长列表分批显示，复制和下载仍使用完整结果。
语法检查的边界
- 通过检查不代表兼容所有浏览器
- 这里做静态结构解析，不会根据目标浏览器验证每个选择器、属性或新特性是否受支持。
- 只接收标准 CSS
- CSS 格式化不解析 Sass、SCSS 或 Less 的变量和混入；请先用相应编译器生成 CSS。
- 不做语义优化
- 格式化保留注释和顺序；压缩会移除普通注释与多余空白，但不会排序属性、去掉重复声明或合并规则。
- 不访问项目环境
- 页面只处理粘贴的样式，不抓取网址、不保存历史，也无法预览它在真实 HTML 页面中的层叠效果。
CSS 格式化常见疑问
压缩后的 CSS 还能展开吗？
可以。粘贴后运行格式化即可恢复缩进和换行；之前压缩时已经删除的注释无法找回。
整理排版会改变页面效果吗？
格式化保留规则、声明和重复属性的顺序，但上线前仍应在实际页面测试，尤其是依赖外部样式表和浏览器差异的效果。
支持 Sass 或 Less 吗？
不支持预处理器语法。先把 Sass、SCSS 或 Less 编译成标准 CSS，再在这里排版或检查。
源码会被上传吗？
不会。CSS 在当前浏览器标签页处理，不发送到服务器，也不会写入本地历史记录。
为什么有些 CSS 文件几乎没有空格和换行？
那通常是为了减少传输体积的压缩结果，不是加密。需要审阅时可先展开，再通过规则目录找具体选择器。
没找到答案？