在编写 CSS 样式表时,常常需要为每个样式属性分别添加样式属性名称和属性值。对于较长的样式表,这种繁琐的输入方式可能会浪费许多时间。于是,使用格式化 CSS 样式快捷键可以极大地提高编写 CSS 样式表的效率。
- 成对属性 当需要添加相同的样式属性名称和属性值对时,可以使用快捷键“Ctrl + Shift + D”。这个快捷键会自动在当前行下一行添加相同的样式属性。 - 样式值填充 当需要添加重复出现的样式属性时,可以使用快捷键“Ctrl + Space”。这个快捷键会自动将当前光标位置的样式属性值填充到该属性下的其他行中。 - 行操作 当需要在样式表中插入一行或删除一行时,可以使用快捷键“Ctrl + Shift + Enter”或“Ctrl + Shift + D”进行快速操作。 - 选择器操作 当需要在样式表中选中一个选择器时,可以使用快捷键“Ctrl + Shift + J”。这个快捷键会选中当前光标位置的选择器,并高亮显示该选择器涉及的其他样式属性。 - 代码提示 当需要在样式表中添加某些样式名称或值时,可以使用编辑器的代码提示功能进行输入。这个功能可以快速帮助你输入正确的样式名称和属性值,并自动完成自动小写处理和语法分析等操作。 - 格式化 当需要将样式表进行自动格式化时,可以直接使用编辑器设置中的“格式化”的命令。这个命令可以快速将 CSS 样式表的各种缩进、空格、换行符进行格式化,并使其更加易读和方便独立查看。