注意:

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

Dreamweaver 中的 CSS 管理功能使您可以轻松地将 CSS 规则移动或导出到不同位置。您可以将规则在文档间移动、从文档头移动到外部样式表、在外部 CSS 文件间移动等等。

注意:

如果您尝试移动的规则与目标样式表中的规则冲突,Dreamweaver 会显示“存在同名规则”对话框。如果您选择移动冲突的规则,Dreamweaver 会将移动的规则放在目标样式表中紧靠冲突规则的旁边。

将 CSS 规则移动或导出到新样式表

  1. 执行下列操作之一:
    • 在“CSS 样式”面板中,选择要移动的一个或多个规则。然后右键单击选定内容,并从上下文菜单中选择“移动 CSS 规则”。若要选择多个规则,请按住 Ctrl 单击 (Windows) 或者按住 Command 单击 (Macintosh) 要选择的规则。

    • 在“代码”视图中,选择要移动的一个或多个规则。然后右键单击选定内容,并从上下文菜单中选择“CSS 样式”>“移动 CSS 规则”。

    注意:

    选择一部分规则会导致整个规则重定位。

  2. 在“移至外部样式表”对话框中,选择新样式表选项,然后单击“确定”。
  3. 在“保存样式表文件为”对话框中,输入新样式表的名称,然后单击“保存”。

    当您单击“保存”时,Dreamweaver 会使用您选择的规则保存新样式表,并将其附加到当前文档。

    注意:

    您还可以使用“编码”工具栏移动规则。只有“代码”视图中提供了“编码”工具栏。

将 CSS 规则移动或导出到现有样式表

  1. 执行下列操作之一:
    • 在“CSS 样式”面板中,选择要移动的一个或多个规则。然后右键单击选定内容,并从上下文菜单中选择“移动 CSS 规则”。若要选择多个规则,请按住 Ctrl 单击 (Windows) 或者按住 Command 单击 (Macintosh) 要选择的规则。

    • 在“代码”视图中,选择要移动的一个或多个规则。然后右键单击选定内容,并从上下文菜单中选择“CSS 样式”>“移动 CSS 规则”。

    注意:

    选择一部分规则会导致整个规则重定位。

  2. 在“移至外部样式表”对话框中,从弹出菜单中选择现有样式表,或者浏览到现有样式表,然后单击“确定”。

    注意:

    弹出菜单会显示所有链接到当前文档的样式表。

    注意:

    您还可以使用“编码”工具栏移动规则。只有“代码”视图中提供了“编码”工具栏。

通过拖动重新排列或移动 CSS 规则

  1. 在“CSS 样式”面板(“全部”模式)中,选择规则,将其拖动到所需的位置。您可以通过选择并拖动规则在样式表内对规则进行重新排序,也可以将规则移动到另一个样式表或文档头。

    注意:

    通过按住 Ctrl 单击 (Windows) 或按住 Command 单击 (Macintosh) 选择多个规则,可以一次移动多个规则。

移动多个规则之前先进行选择

  1. 在“CSS 样式”面板中,按住 Ctrl 单击 (Windows) 或按住 Command 单击 (Macintosh) 要选择的规则。

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

法律声明   |   在线隐私策略