CSS Formatter

CSS 格式化器（美化器）将压缩或格式混乱的 CSS 代码重新整理为缩进一致、可读性良好的格式。工具使用 CSS 解析器读取原始样式表，按照规则解析选择器、属性和值，然后根据设定的缩进（2 空格或 4 空格）和换行规则重新输出。支持多种输出风格：每个属性独占一行、紧凑格式、或分组排列。

CSS 格式化是前端开发工作流的重要组成部分。将 CSS 框架或构建工具输出的压缩 CSS 还原为可读格式进行调试和自定义；在代码审查前确保 CSS 代码风格一致；从浏览器开发者工具中复制计算的样式并格式化以便分析；重构旧项目的 CSS 代码，首先格式化以提高可读性。

格式化后的 CSS 可以与 HTML 格式化器 配合使用，完整整理前端代码。也可以使用 JavaScript 格式化器 格式化页面相关的脚本。

CSS 格式化遵循一致的排版规则。每个选择器的左大括号前有一个空格、属性缩进一个级别、属性值后加分号、右大括号与选择器对齐、每个规则块之间用空行分隔。对于多选择器规则，按配置可以是每个选择器独占一行或保留在同一行。属性按字母顺序排序是可选的格式化功能。

CSS 格式化器也支持 CSS3 和现代 CSS 特性，包括媒体查询、关键帧动画、自定义属性（CSS 变量）、以及嵌套规则（CSS Nesting）。@import 和 @font-face 等 at-rules 按规则类型分组并设置适当的缩进。

• CSS 变量保留：格式化器保留自定义属性（--custom-property），不会删除或修改 CSS 变量名称，但会规范化其周围的空白。
• Prefixed 属性：浏览器前缀属性（-webkit-、-moz-、-ms-）会被正常格式化，但不会重新排序前缀版本。
• 特殊选择器：属性选择器和伪类中的敏感格式（如 [attr*=value]）在格式化后保持功能不变，但空白可能被调整。
• 压缩与美化：压缩（Minify）和美化（Beautify）是互逆操作，但美化后的 CSS 可能与原始源代码不完全相同。
• 预处理器语法：SCSS/Sass/Less 的嵌套、变量、混合宏等语法可能不被标准 CSS 解析器正确识别，使用专门的预处理器格式化工具效果更好。

在需要快速格式化少量 CSS 代码、调试压缩的 CSS 文件、或查看他人代码结构时使用此工具。对于项目中持续格式化 CSS 代码的需求，推荐使用 Prettier、Stylelint 或 IDE 内置的 CSS 格式化器，它们支持团队共享配置、自动化格式化，并与版本控制系统集成。