🎨 CSS格式化

关于CSS格式化

本CSS格式化工具完全在浏览器中运行。将CSS粘贴到输入框中，选择缩进样式，点击格式化即可获得整洁缩进的输出。它处理常规规则、带嵌套缩进的 @media 查询、@keyframes 和注释。不会上传到服务器——所有处理都在本地用JavaScript完成。

功能

• 规则 —— 每条规则单独一行输出 selector {，属性缩进一级，闭合大括号单独一行。
• @media查询 —— @media 内的规则额外缩进一级以体现视觉层次。
• @keyframes —— 关键帧百分比像属性一样缩进。
• 注释 —— /* ... */ 块注释保留在单独行上。
• 间距 —— 每个冒号后一个空格，每个声明末尾加分号。

如何使用

1. 将CSS内容粘贴到输入框中。
2. 选择你偏好的缩进样式。
3. 点击格式化美化CSS。
4. 点击复制复制结果，或清空重新开始。

常见问题

本工具会上传我的CSS吗？ 不会。所有格式化都在浏览器本地完成，样式不会离开你的设备。

SCSS或LESS等预处理器呢？ 本格式化器针对纯CSS。带嵌套和变量的SCSS/LESS语法可能无法完美缩进，但仍可读。

会保留现有注释吗？ 会，注释保留并在输出中放在单独行上。

处理带浏览器前缀的属性吗？ 处理，-webkit-transform 等属性像其他属性一样正常缩进。