“更多颜色”和“颜色”对话框
通过**“更多颜色”对话框和“颜色”**对话框可让您选择并创建确定页面元素的字体、背景和边框颜色的 CSS 样式规则的颜色值。
访问“更多颜色”对话框
选择**“新样式”** 或 **“修改样式”**对话框。
选择**“更多颜色”**对话框。
下面详细介绍这些步骤。
1. 若要访问**“新样式”或“修改样式”**对话框,请使用下列方法之一:
从“格式”菜单中选择“生成样式”。
右键单击编辑器的样式表,然后从快捷方式菜单中选择**“生成样式”**。
在样式表工具栏上,选择**“生成样式”**。
2. 要访问**“其他颜色”**对话框,请使用下列方法之一:
选择**“字体”**类别,然后单击颜色旁边的方块图标。
选择**“背景”类别,然后单击“背景颜色”**旁边的方块图标。
选择**“边框”类别,然后单击“边框颜色”**下的其中一个方块图标。
更多颜色对话框元素
**“更多颜色”**对话框包含下列 UI 元素。
Value
显示选定颜色的十六进制 RGB 代码。名称
显示颜色的名称(如果有)。自定义
打开**“颜色”**对话框,通过该对话框可以选择颜色或创建颜色的调色板。Select
将指针更改到取色器工具,通过该工具可在屏幕上选择任意颜色,然后将其分配给页面元素。新建
显示已在对话框中选择但尚未分配给页面元素的颜色。当前
显示当前分配给页面元素的颜色。
使用“颜色”对话框中创建自定义颜色
创建自定义颜色
在**“其他颜色”对话框中单击“自定义...”**。
将显示**“颜色”**对话框。
执行下列操作之一:
使用颜色矩阵和饱和度渐变通过在矩阵内单击来创建颜色。 然后使用饱和度渐变指针来选择饱和度级别。
输入自定义颜色的 HSL 或 RGB 值。
该自定义颜色即显示在**“彩色/纯色”**框中。
如果要创建更多颜色,请单击**“添加到自定义颜色”,以将颜色添加到“自定义颜色”**调色板。 然后,可以重复步骤 2 创建其他颜色。
单击**“确定”**将颜色分配给在页面上选择的页面元素。
备注
自定义颜色使用监视器的显示设置来显示。该颜色在另一用户的监视器上的显示可能有所不同。您可能希望保留自定义颜色,以用于为使用相同(或可预知的)显示设置的用户组设计的 Web 项目。
如何应用样式
如果页面元素未应用任何 CSS 规则,则会以内联样式来创建样式规则。 如果存在用于该页面元素的 CSS 样式规则,则会向现有样式规则中写入样式信息。
备注
内联样式规则将重写页上的 style 元素中的样式规则或外部 CSS 文件中的样式规则。