注意:

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

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

您会看到大多数样式都立即更新了,但您应在浏览器中预览页面,验证样式是否是按预期的方式应用的。将两个或更多的样式应用于相同的文本时,这些样式可能发生冲突并产生意外的结果。

注意:

当预览外部 CSS 样式表中定义的样式时,务必要保存该样式表以确保当您在浏览器中预览该页面时会反映出所做的更改。

应用 CSS 类样式

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

    将插入点放在段落中以便将样式应用于整个段落。

    如果在单个段落中选择一个文本范围,则 CSS 样式只影响所选范围。

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

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

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

    • 在“文档”窗口中,右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh) 所选文本,在上下文菜单中选择“CSS 样式”,然后选择要应用的样式。

    • 选择“格式”>“CSS 样式”,然后在子菜单中选择要应用的样式。

从选定内容删除类样式

  1. 选择要从中删除样式的对象或文本。
  2. 在 HTML 属性检查器(“窗口”>“属性”)中,从“类”弹出菜单中选择“无”。

重命名类样式

  1. 在“CSS 样式”面板中,右键单击要重命名的 CSS 类样式,然后选择“重命名类”。

    注意:

    还可以通过从“CSS 样式”面板选项菜单中选择“重命名类”来重命名类。

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

    如果要重命名的类内置于当前文档头中,Dreamweaver 将更改类名称以及当前文档中该类名称的所有实例。如果要重命名的类位于外部 CSS 文件中,Dreamweaver 将打开该文件并在其中更改类名称。Dreamweaver 还启动一个站点范围的“查找和替换”对话框,以便您可以在站点中搜索旧类名称的所有实例。

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略