idea css格式化

### 如何在IntelliJ IDEA中配置和使用CSS代码格式化

#### 配置CSS代码风格

为了确保CSS代码遵循一致的编码标准，可以在`Settings`或`Preferences`(取决于操作系统)对话框中调整CSS代码样式设置。导航路径如下：

进入 `File` -> `Settings` (Windows/Linux) 或者 `IntelliJ IDEA` -> `Preferences` (macOS)，然后选择 `Editor` -> `Code Style` -> `CSS` [^1]。

在此界面下可以选择不同的预设方案，也可以手动修改缩进大小、空格使用规则以及其他细节来满足个人偏好或是团队规范的要求。

#### 启用自动格式化工具

对于希望更便捷地应用这些格式化规则的情况，可以通过启用内置的格式化程序实现自动化处理。具体操作是在上述提到的`Code Style`页面里找到`Formatter Control`部分，并开启基于标记控制格式化的开关[^3]。

这允许开发者利用特殊的注释标签（如`// @formatter:on` 和 `// @formatter:off`）精确指定哪些区域内的代码应该被格式化，而哪些不应该受到影响。

#### 使用快捷方式快速格式化代码

除了通过菜单项访问外，还可以借助键盘组合键迅速完成整个文件或者选中文本片段的格式化工作。默认情况下，“重新排列代码”的命令绑定到了`Ctrl + Alt + L` （Windows/Linux）或者是`Cmd + Option + L`（Mac）。当然，如果觉得这个分配不合适的话，也是完全可以按照自己的习惯来自定义这一行为的。

#### 安装第三方插件增强功能

尽管自带的功能已经相当全面，但有时还是希望能获得额外的支持。比如`.ignore`这类辅助性质很强的小工具虽然主要用于Git忽略模式管理上，不过其背后所代表的是一个丰富的社区生态体系——意味着几乎总能找到能满足特殊需求的好帮手。因此不妨定期浏览官方市场看看有没有适合当前项目的扩展组件可用[^4]。

/* 示例 CSS 文件 */
body {
    font-family: Arial, sans-serif;
}

h1 {
    color: #ff0000; /* 这里的颜色值会被自动转换成十六进制形式 */
}