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文件中更改类名称,同时启动“查找和替换”对话框,以便在站点中搜索旧类名称的所有实例并替换它。