Dreamweaver应用、删除或重命名类样式

类样式中的类名称必须以句点(.)开头,是唯一可以应用于文档中任何文本的CSS样式类型。所有与当前文档相关联的类样式都显示在“CSS样式”面板中和当前文档的属性面板中的“类”项中。

一、在选择的文本上应用CSS类样式

1. 在文档中选择要应用CSS类样式的文本:

将光标移动到段落中,以便对整个段落应用样式。

在某个段落中选择一个文本范围,则CSS样式只影响这个选择的范围。

如果在“文档”窗口左下角的标签选择器中选择一个标签,CSS样式则会影响到整个标签。

2. 选择下面的操作方法来应用CSS类样式:

在“CSS样式”面板中,选择“全部”模式,在要应用样式的名称上单击鼠标右键,从弹出菜单中选择“套用”。

在HTML属性面板中,在“类”中选择要应用的类样式。

在“文档”窗口中,在所选择的文本上单击鼠标右键,从弹出菜单中选择“CSS样式”项,然后在子菜单中选择要应用的样式。

点击“格式”菜单,选择“CSS样式”命令,然后在子菜单中选择要应用的样式。

二、从选定的内容中删除类样式

1. 点击“窗口”菜单,选择“属性”命令,打开HTML属性检查器。

2. 选择要从中删除样式的对象或文本。这时,在HTML属性检查器的“类”项中会显示已经应用的类样式名称。

3. 在HTML属性检查器中,在“类”项的弹出菜单中选择“无”,即可删除类样式。

三、重命名类样式

1. 在“CSS样式”面板中,在要重新命名的CSS类样式上面单击鼠标右键,在子菜单中选择“重命名类”项,如下图所示:

2. 选择“重命名类”项后,弹出“重命名类”对话框,如下图所示:

在“重命名类”对话框中:

在“重命名类”弹出菜单中选择要重新命名的类。

在“新建名称”文本框中,输入类样式的新名称。

3. 单击“确定”按钮。

4. 提示:

如果要重新命名的类位于当前文档头中,Dreamweaver CS5将会更改类名称和当前文档中该类名称的所有实例。

如果要重新命名的类位于外部CSS文件中,Dreamweaver CS5将会在该CSS文件中更改类名称,同时启动“查找和替换”对话框,以便在站点中搜索旧类名称的所有实例并替换它。