我的 CSS 会发到服务器吗？

不会。格式化在浏览器里用 js-beautify 库完成，你的样式表不会离开你的机器。

格式化用的是什么缩进？

两个空格缩进，每条规则、每条声明各占一行。缩进宽度是固定的，不可配置。

格式化会改变 CSS 的行为吗？

不会。只调整空白和换行。选择器、属性、取值以及它们的先后顺序都保持原样，渲染出来的结果完全一致。

CSS格式化工具

概述

压缩过的、或者由构建工具生成的 CSS，常常整个文件只有一两行：选择器、声明、嵌套的媒体查询全挤在一起，既没法读，也没法在里面定位某一条属性。这个工具用 js-beautify 的 CSS 引擎重排任意样式表，统一采用两个空格缩进，一条声明一行，于是嵌套层次可以直接靠缩进看出来。整个过程都在你的浏览器本地运行。

使用方法

把样式表粘贴到 CSS 输入框。
Formatted 会随输入即时更新——不需要点任何按钮。
从输出框复制结果。

示例

.a{color:red;margin:0} →

.a {
  color: red;
  margin: 0;
}

像 @media(max-width:600px){.b{padding:1em}} 这样挤在一行里的媒体查询会展开成缩进的代码块，断点规则一眼就能扫清。

说明

格式化器只重写空白——它不做语法校验，所以有毛病的 CSS 不会被报错拒绝，而是尽力原样透传。也就是说，你可以拿它来读任何东西，但不能拿它来判断样式表是否正确。注释保持在原来的位置。样式表即使很大，格式化也依然是瞬时的，因为整个过程没有任何网络往返。