CSS 格式化 - 在线美化压缩排版

美化 / 压缩 CSS,实时预览、缩进可调

CSS 格式化 · 使用说明

CSS 格式化工具在线美化样式表:按选择器分组、属性逐行缩进对齐,快速读懂压缩过的第三方样式,也能把杂乱的样式文件整理成统一风格;反向压缩可去掉注释与多余空白,减小体积。支持常见的 @media、嵌套与自定义属性写法。整理主题文件、比对线上样式、准备交付代码时都用得上,全部在本地处理,样式内容不会上传。

示例

输入
.a{color:red;margin:0}
输出
.a {
  color: red;
  margin: 0;
}

如何使用

  1. 粘贴 CSS 内容
  2. 点「格式化」得到缩进排版,或「压缩」得到单行
  3. 复制结果使用

小贴士

  • 拖拽 .css 文件到页面即可自动填入
  • 注释会在格式化时保留、压缩时移除

常见问题

CSS 格式化会上传我的数据吗?

不会。样式表只在你的浏览器本地处理,不会上传任何服务器,适合粘贴业务项目的样式片段,和站内 文件批量拖入 一致。

会改写我的属性值吗?

不会。只调整空白、换行与缩进,不改变任何属性值或选择器。

能压缩成一行吗?

可以,切到「压缩」模式会把 CSS 压成单行,便于减小体积或传输。

支持 SCSS / Less 吗?

以标准 CSS 语法为主;带嵌套的预处理语法建议格式化后人工检查。

想检查配色对比度?

格式化后再用 WCAG 颜色对比度 逐个检查文字颜色,或先用 颜色转换 统一格式。

📂

松开以自动格式化

支持 .json / .sql / .csv / .html / .css / .xml / .yaml 文件