Dreamweaver CC教程：在属性检查器中编辑 CSS 规则

Dreamweaver CC教程：在属性检查器中编辑 CSS 规则

在属性检查器中编辑 CSS 规则
1、打开属性检查器（“窗口”>“属性”）（如果尚未打开），选择面板左侧的 CSS 选项。
2、执行下列操作之一：

将插入点放在已按要编辑的规则设置格式的文本块的内部。该规则将显示在“目标规则”弹出菜单中。 从“目标规则”弹出菜单中选择一个规则。 单击“编辑规则”。

从“目标规则”弹出菜单中选择一个规则。

3、通过使用 CSS 属性检查器中的各个选项对该规则进行更改。
目标规则
您在 CSS 属性检查器中正在编辑的规则。在对文本应用现有样式的情况下，在页面的文本内部单击时，将会显示影响文本格式的规则。您也可以使用“目标规则”弹出菜单创建新的 CSS 规则、新的内联样式或将现有类应用于所选文本。如果要创建新规则，将需要完成“新建 CSS 规则”对话框。有关更多信息，请参阅本主题末尾的链接。
编辑规则
打开目标规则的“CSS 规则定义”对话框。如果从“目标规则”弹出菜单中选择了“新建 CSS 规则”并单击“编辑规则”按钮，Dreamweaver 则会打开“新建 CSS 规则定义”对话框。
CSS Designer
打开“CSS Designer”面板并在当前视图中显示目标规则的属性。
字体
更改目标规则的字体。
大小
设置目标规则的字体大小。
文本颜色
将所选颜色设置为目标规则中的字体颜色。单击颜色框选择 Web 安全色，或在相邻的文本字段中输入十六进制值（例如 #BB5153）。

使用“编辑规则”选项编辑 CSS 规则。

粗体
向目标规则添加粗体属性。
斜体
向目标规则添加斜体属性。
左对齐、居中对齐和右对齐
将目标规则左对齐、居中对齐或右对齐。
注意:
“字体”、“大小”、“文本颜色”、“粗体”、“斜体”和“对齐”属性始终显示应用于“文档”窗口中当前所选内容的规则的属性。在更改其中的任何属性时，将会影响目标规则。

使用属性检查器编辑文本颜色

如果您没有对文本应用任何特定规则，您可以直接从属性检查器中编辑文本的颜色。在下面的示例中，请注意文本在编辑之前的颜色。拾色器旁边的字段显示白色，它表示的是光标所在文本的颜色。

在 Dreamweaver 中编辑文本颜色

要编辑文本的颜色，请选择要编辑的文本。单击拾色器，然后选择需要使用的颜色。请参阅下图，图中的属性检查器显示的是新颜色。

使用拾色器修改文本颜色