最终的

代码风格。CSS

使用制表符

• 如果选中此复选框，则使用制表符：

  • 按下按键时Tab

  • 用于缩进

  • 用于重新格式化代码

• 如果清除该复选框，IntelliJ IDEA 将使用空格而不是制表符。

智能标签

缩进由两部分组成。一部分是由嵌套代码块产生的，另一部分是由对齐决定的。

• 如果选中此复选框，则嵌套生成的部分将包含制表符和空格（如果需要），而通过对齐定义的部分仅包含空格。

• 如果清除此复选框，则仅使用选项卡。这意味着在重新格式化后，适合指定制表符大小的一组空格将自动替换为制表符，这可能会导致精细对齐被破坏。

提示

如果选中“使用制表符”复选框，则“智能制表符”复选框可用。

标签尺寸

在此字段中，指定制表符中适合的空格数。

缩进

在此字段中，指定要为每个缩进级别插入的空格数。

继续缩进

在此字段中，指定要在属性值之间插入的空格数。

在空行上保留缩进

如果选中此复选框，IntelliJ IDEA 会保留空行上的缩进，就好像它们包含某些代码一样。如果清除该复选框，IntelliJ IDEA 将删除空行上的制表符和空格。

保留最大空白行

在此区域中，指定重新格式化后要保留的额外空白行的数量。

最少空行

在此区域中，配置是否在顶级块和嵌套选择器周围有额外的空行。在每个选项旁边的字段中，指定要保留的最少额外空行数。

牙套放置

使用此列表指定 IntelliJ IDEA 应放置选择器左大括号的位置。可用的选项有：

• 在行尾

• 下一行

调整价值观

使用此列表指定 IntelliJ IDEA 应如何对齐属性和值。可用的选项有：

• 不对齐：选择此选项可指定属性名称的第一个字符的对齐方式。

• On value：选择此选项可指定属性值的第一个字符的对齐方式。

• 在结肠上

引号

在 CSS、SCSS 和 Less 上下文中，IntelliJ IDEA 默认情况下对import语句和 URL 中生成的字符串文字使用双引号。要使用单引号，请从此列表中选择单引号。

要在重新格式化后将所选样式应用到整个文件，请选中列表下方的强制格式复选框。

笔记

目前更改引号的配置不会影响<style>标签内注入的样式表和 CSS 代码。

将右大括号与属性对齐

如果选中此复选框，选择器的右大括号将放置在属性列表下方。

如果未选中此复选框，则选择器的右大括号将放置在选择器下方。

保留单行块

如果选中此复选框，则具有单一属性的块将被限制在一行中。

如果未选中此复选框，则每个属性将放置在其自己的行中。

空间

选中此区域中的复选框可在分隔键和值的冒号之后、选择器的左大括​​号之前添加一个空格。

评论

使用此区域中的控件来配置行注释和块注释以及其中的空格的位置。

• 在块注释周围添加空格：选中此复选框可在块注释中添加前导和尾随空格。

  默认情况下，当您将代码片段括在块注释中时，文本将在起始/*字符之后立即开始，不带任何空格。在结束*/字符之前也不插入空格。此默认代码样式可能与某些 linter 规则冲突，例如 ESLint。

十六进制颜色

使用此区域配置十六进制颜色语法。您可以从以下检查选项中进行选择：

• 将十六进制颜色转换为：选中此复选框可配置十六进制颜色字母大小写。您可以选择小写或大写。

• 将十六进制颜色格式转换为：选中此复选框可配置十六进制颜色格式长度。您可以选择长格式或短格式。

在预览窗格中查看更改。