您可以创建一个 CSS 规则来自动完成 HTML 标签的格式设置或 class 属性所标识的文本范围的格式设置。
将插入点放在文档中,然后执行以下操作之一打开“新建 CSS 规则”对话框:
选择“文本”>“CSS 样式”>“新建”。
在“CSS 样式”面板(“窗口”>“CSS 样式”)中,单击面板右下侧中的“新建 CSS 规则”(+) 按钮。
定义您要创建的 CSS 样式的类型:
若要创建可作为 class 属性应用于文本范围或文本块的自定义样式,请选择“类”选项,然后在“名称”文本框中输入样式名称。
注: 类名称必须以句点开头,并且可以包含任何字母和数字组合(例如,.myhead1)。如果您没有输入开头的句点,Dreamweaver 将自动为您输入它。
若要重新定义特定 HTML 标签的默认格式设置,请选择“标签”选项,然后在“标签”文本框中输入一个 HTML 标签,或从弹出菜单中选择一个标签。
若要为具体某个标签组合或所有包含特定 Id 属性的标签定义格式设置,请选择“高级”选项,然后在“选择器”文本框中输入一个或多个 HTML 标签,或从弹出菜单中选择一个标签。弹出菜单中提供的选择器(称为伪类选择器)有:a:active、a:hover、a:link 和 a:visited。
选择定义样式的位置,然后单击“确定”:
若要将样式放置到已附加到文档的样式表中,请选择相应的样式表。
若要创建外部样式表,请选择“新建样式表文件”。
若要在当前文档中嵌入样式,请选择“仅对该文档”。
在“CSS 规则定义”对话框中,选择要为新的 CSS 规则设置的样式选项。有关详细信息,请参阅下一节。
完成对样式属性的设置后,单击“确定”。
设置 CSS 属性
可以定义 CSS 规则的属性,如文本字体、背景图像和颜色、间距和布局属性以及列表元素外观。首先创建新规则,然后设置下列任意属性。
编辑 CSS 规则
编辑应用于文档的内部和外部规则都很容易。
对控制文档文本的 CSS 样式表进行编辑时,会立刻重新设置该 CSS 样式表控制的所有文本的格式。对外部样式表的编辑影响与它链接的所有文档。
可以设置一个用于编辑样式表的外部编辑器。
向规则添加属性
可以使用“CSS 样式”面板向规则添加属性。
在“CSS 样式”面板(“窗口”>“CSS 样式”)的“所有规则”窗格(“所有”模式)中选择一条规则,或者在“所选内容的摘要”窗格(“当前”模式)中选择一个属性。
请执行下列操作之一:
如果在“属性”窗格中选择了“只显示设置属性”视图,请单击“添加属性”链接并添加属性。
如果在“属性”窗格中选择了“类别”视图或“列表”视图,则为要添加的属性填入一个值。