分类: 开发工具
CSS 格式化
在本地以 2 或 4 个空格缩进来格式化或压缩 CSS
粘贴 CSS，即可以 2 或 4 个空格缩进美化输出，也可以压缩为最小体积。格式化时会保留注释。全部处理都在浏览器中完成。
已在浏览器中格式化。
结果
.tool-panel {
display:grid;
gap:16px;
padding:16px
}
/* accent border */
.tool-panel .tool-output {
border:1px solid var(--line);
border-radius:8px
}本页的所有处理都在浏览器中完成，不会上传任何内容。
这个工具能做什么
CSS 格式化工具会重新缩进规则和声明，让嵌套选择器和媒体查询一目了然；压缩工具则会去除注释和多余空白，缩小样式表体积以便用于生产环境。本工具只会重新排布空白，绝不会对传入的 CSS 进行求值或执行。
使用方法
- 把 CSS 粘贴到输入框，或载入示例。
- 选择“格式化”以获得易读输出，或选择“压缩”以获得最小体积。
- 复制结果；格式化输出还可以选择 2 或 4 个空格的缩进。
隐私说明
本工具完全在你的浏览器中运行。输入的内容不会被上传、保存或分享，关闭标签页即随之消失。
常见问题
- 我的 CSS 会被上传吗？
- 不会。格式化和压缩都由页面内运行的 JavaScript 完成，样式表不会离开你的设备。
- 会保留注释吗？
- 格式化输出会将注释单独保留一行；压缩输出会移除注释，与大多数生产构建工具的做法一致。
- 会校验 CSS 的正确性吗？
- 不会。它只会重新排布空白和缩进，因此无法发现属性名拼写错误或非法取值。