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

上次更新日期: 2019年5月6日

了解如何在 Dreamweaver 中应用、删除或重命名 CSS 类样式

注释

在 Dreamweaver 和更高版本中,“CSS 样式”面板替换为 CSS Designer。 有关详细信息,请参阅 CSS Designer。

类样式\n是唯一一种可应用于\n文档中任何文本的 CSS 样式类型,无论控制文本的是哪种标记。与当前文档关联的所有类\n样式都会显示在\nCSS 样式面板中(名称前有句点 [.])以及\n文本属性检查器的样式弹出菜单中。

您会\n立即看到大多数样式更新,但是,您应该在浏览器中预览\n页面以验证样式是否按预期应用。\n当您对同一文本应用两种或更多样式时,样式可能\n会冲突并产生意外结果。

注释

当\n预览外部 CSS 样式表中定义的样式时,请确保\n保存样式表,以确保在浏览器中预览页面时反映您的更改。

应用 CSS 类样式

在文档中,选择要\n应用 CSS 样式的文本。

将插入点放置在段落中,即可将样式应用到整个段落。

如果您在\n单个段落内选择文本范围,CSS 样式仅影响选定范围。

要指定应应用 CSS 样式的确切标记,请在位于文档窗口左下角的标记选择器中选择标记。

若要应用类样式,请执行下列操作之一:
  • 在 CSS 样式面板(窗口 >\nCSS 样式)中,选择"全部"模式,右键单击要\n应用的样式名称,然后从上下文菜单中选择"应用"。

  • 在 HTML 属性检查器中,从类弹出菜单中选择\n要应用的类样式。

  • 在文档窗口中,右键单击 (Windows) 或\nControl+单击 (Macintosh) 选定文本,在上下文\n菜单中,选择"CSS 样式",然后选择要应用的样式。

  • 选择"格式">"CSS 样式",在\n子菜单中选择要应用的样式。

从选定内容删除类样式

选择\n要从中移除样式的对象或文本。
在 HTML 属性检查器(窗口 >\n属性)中,从类弹出菜单中选择"无"。

重命名类样式

在 CSS\n样式面板中,右键单击要重命名的 CSS 类样式\n并选择"重命名类"。
注释

您也可以通过从 CSS 样式面板选项菜单中选择\n"重命名类"来重命名类。

在"重命名类"对话框中,确保在"重命名类"弹出菜单中\n选择了要重命名的类。
在“新建名称”文本框中,输入新类的新名称,然后单击“确定”。

如果您要重命名的类是当前文档头部的内部类,Dreamweaver 会更改\n类名称以及当前文档中类名称的所有实例。如果您要重命名的类在外部\nCSS 文件中,Dreamweaver 会打开并更改\n文件中的类名称。Dreamweaver 还会\n启动站点范围的查找和替换对话框,以便您可以\n搜索地点中旧类名称的所有实例。