在 Dreamweaver 中移动、导出或重新排列 CSS 规则

注意:在 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) 要选择的规则。

更多此类内容

• 使用“编码”工具栏插入代码