通过 CSS 编辑器,您可以编辑项目的层叠样式表 (Cascading Style Sheet, CSS) 文件。要打开此编辑器,请在 IDE 中打开一个 CSS 文件。例如,在“项目”窗口中,导航至 "<项目名称>" >“Web 页”> "resources" > "stylesheet.css",然后右键单击 "stylesheet.css" 并选择“打开”。
在编辑区域中将打开 CSS 编辑器,并且在编辑窗格中选定第一个 CSS 规则。如果您习惯于使用 CSS,则可以在此窗格中直接键入,并使用代码完成下拉列表来帮助您定义每个规则的属性。
要创建新规则,可以在一个空行上键入其名称,或者单击编辑器工具栏中的“创建规则”按钮
以打开样式规则编辑器,并获取有关创建新规则的一些帮助信息。
要编辑现有规则或刚创建的规则,请在编辑窗格中单击规则的任意位置。例如,单击 .list-header 规则。然后,将显示三个用于添加或更改规则属性的选项:
例如,
.list-header 规则左花括号 ({) 的右侧,单击鼠标左键,然后按空格键以查看代码完成列表中列出的属性。 font-family,然后双击它以添加该属性。 sans-serif,将此字体系列设置为该属性的值。 例如,执行类似于上述示例的操作,
.list-header 规则中的任意位置。Arial, Helvetica, sans-serif。 .list-header 规则,则不会在“属性”窗口中列出任何 font-family 属性。不过,可以设置其他属性,如 font-size 和 font-weight。在对规则属性进行更改时,可以在预览窗格中预览更改的效果,预览窗格位于编辑窗格的下方,“样式编辑器”窗格的右侧。
CSS 文件中的规则采用常用的层叠样式表优先级顺序:
有关 CSS 的介绍,请参见以下 Web 页:
有关 CSS 2.1 的联机参考资料,请参见以下 Web 页: