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)。
在 Dreamweaver 中编辑 CSS 规则
使用编辑规则选项编辑 CSS 规则。

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

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

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

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

 

推荐阅读