代码样式。 CSS
使用此页面配置 CSS 文件的格式选项。 当您更改这些设置时, 预览 面板将显示这将如何影响您的代码。
制表符和缩进
使用制表符 |
|
智能制表符 | 一个缩进包含两部分。 一部分来自于嵌套代码块,另一部分由对齐确定。
|
选项卡大小 | 在此字段中,指定一个制表符中能容纳的空格数。 |
缩进 | 在此字段中,指定为每个缩进级别插入的空格数量。 |
续行缩进 | 在此字段中,指定在属性值之间插入的空格数量。 |
保持空行的缩进 | 如果选中此复选框,PyCharm 会保留空行上的缩进,就像它们包含了一些代码一样。 如果取消选中该复选框,PyCharm 将删除空行上的制表符和空格。 |
空行
使用此选项卡定义在重新格式化后,您希望 PyCharm 保留并在您的代码中插入多少空行以及在何处插入。 结果显示在 预览 面板上。
保持最大空白行数量 | 在此区域中,指定在重新格式化后要保留的额外空行的数量。 |
最小空白行数 | 在此区域,配置是否在顶级块和嵌套选择器周围添加或不添加额外的空行。 在每个选项旁边的字段中,指定要留下的额外空白行的最小数量。 |
其他
在此选项卡中,指定在重新设置格式时应用的对齐、大括号、空格和引号选项。
大括号的位置 | 使用此列表来指定 PyCharm 应该在哪里放置选择器的开括号。 可用选项为:
|
对齐值 | 使用此列表来指定 PyCharm 应如何对齐属性和值。 可用选项为:
|
引号标记 | 在 CSS、SCSS 和 Less 的上下文中,PyCharm 默认使用双引号生成字符串字面量,用于 要在重新格式化后将所选样式应用于整个文件,请选择列表下方的 强制执行格式 复选框。 |
将闭合大括号与属性对齐 | 如果选中此复选框,选择器的关闭括号将被放置在属性列表之下。 如果此复选框未被选中,选择器的闭合括号将被放在选择器的下方。 |
保持单行块 | 如果选中此复选框,那么具有单一属性的块将被限定在一行内。 如果此复选框未被选中,每个属性将被放置在其自身的行中。 |
空格 | 在此区域选择复选框,以在键和值之间的冒号后以及选择器的开头大括号前添加空格。 |
评论 | 使用此区域中的控制选项来配置行和块注释的位置以及它们内部的空间。
|
HEX 颜色 | 使用此区域配置十六进制颜色语法。 您可以从以下检查选项中进行选择:
在 预览 面板中查看更改。 |
安排
在此选项卡中,启用 CSS 属性的排序功能,默认情况下此功能被关闭,然后选择排序顺序。
要启用排序功能,请选择 排序 CSS 属性 复选框。
选择 通过名称 以便将每个块中的所有 CSS 属性按字母顺序重新排序。 PyCharm 忽略特定供应商的前缀,但会为特定的 CSS 属性保留多个供应商特定的前缀,并按字母顺序排序。
border: 1px solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: black;要定义您自己的排序策略,选择 自定义顺序 选项,并在其旁边的字段中指定所需的排序顺序。
使用逗号和空格作为分隔符,跳过特定供应商的属性,因为 PyCharm 总是将它们与没有前缀的相应属性一起组合。 在这样的组内,属性按照供应商前缀进行排序,不带前缀的属性排在最后。
在 自定义订单 列表中,欢迎使用正则表达式,例如,
.*可以匹配任何属性。PyCharm 记住了修改过的 自定义订单 列表,如果您关闭了自定义排序然后再次打开,它会恢复这个列表。
对文件中的所有 CSS 属性进行排序
在主菜单中,转到 。
或者,前往主菜单中的 ,然后在打开的对话框中选择 整文件 和 重新排列代码。
要在块中排序 CSS 属性
选择要排序的块,然后从主菜单中选择 。
另外,您可以前往主菜单中的 ,然后在打开的对话框中选择 重新排列代码。
设置从
当适用时,链接将出现在页面的右上角。 点击此链接并选择要作为当前语言代码样式基础的语言。
要返回到初始的代码样式设置,并丢弃更改,请点击 重置。