跳到正文
马克工具箱

CSS 代码格式化

把压缩或混乱的 CSS 变成缩进整齐、易于阅读的样式表,也支持 SCSS 和 Less 的嵌套、变量和混入。

在浏览器本地运行,输入的内容和文件都不会上传

使用步骤

  1. 粘贴 CSS、SCSS 或 Less 代码。
  2. 选择语言和缩进。
  3. 点击「格式化」,或按 Ctrl+Enter(Mac 上是 ⌘+Enter)。
  4. 复制格式化后的样式表。

参数说明

语言
CSS、SCSS 或 Less。选对语言才能正确识别变量($gap、@gap)和嵌套规则。
缩进和行宽
嵌套规则和声明的缩进,以及较长的选择器列表和属性值在多宽时折行。

使用示例

压缩过的框架样式。 粘贴单行的 .min.css 文件,逐条阅读其中的规则。

整理 SCSS。 缩进混乱的嵌套 SCSS 会被统一为两空格缩进。

常见问题

格式化会改动什么?

每条声明放在单独一行,统一冒号和花括号两侧的空格,十六进制颜色转成小写,连续的空行合并为一行。属性顺序和取值不变。

能还原网站上压缩过的 CSS 吗?

可以,粘贴压缩文件后点「格式化」即可。压缩时删掉的注释无法恢复。

代码会上传吗?

不会,格式化在浏览器中完成。

隐私说明

本工具完全在浏览器中运行,文件和文本都在你的设备上处理,不会上传到我们的服务器。

相关工具