移动/导出 CSS 规则

1949 阅读 0 点赞

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

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

将 CSS 规则移动/导出至新的样式表

执行下列操作之一：
- 在“CSS 样式”面板中，选择要移动的一个或多个规则。然后右键单击选定内容，并从上下文菜单中选择“移动 CSS 规则”。若要选择多个规则，请按住 Ctrl 单击 (Windows) 或者按住 Command 单击 (Macintosh) 要选择的规则。
- 在“代码”视图中，选择要移动的一个或多个规则。然后右键单击选定内容，并从上下文菜单中选择“CSS 样式”>“移动 CSS 规则”。
- 注：选择一部分规则会导致整个规则重定位。
在“移至外部样式表”对话框中，选择新样式表选项，然后单击“确定”。
在“保存样式表文件为”对话框中，输入新样式表的名称，然后单击“保存”。
当您单击“保存”时，Dreamweaver 会使用您选择的规则保存新样式表，并将其附加到当前文档。
您还可以使用“编码”工具栏移动规则。只有“代码”视图中提供了“编码”工具栏。

将 CSS 规则移动/导出至现有样式表

执行下列操作之一：
- 在“CSS 样式”面板中，选择要移动的一个或多个规则。然后右键单击选定内容，并从上下文菜单中选择“移动 CSS 规则”。若要选择多个规则，请按住 Ctrl 单击 (Windows) 或者按住 Command 单击 (Macintosh) 要选择的规则。
- 在“代码”视图中，选择要移动的一个或多个规则。然后右键单击选定内容，并从上下文菜单中选择“CSS 样式”>“移动 CSS 规则”。
- 注：选择一部分规则会导致整个规则重定位。
在“移至外部样式表”对话框中，从弹出菜单中选择现有样式表，或者浏览到现有样式表，然后单击“确定”。
注：弹出菜单会显示所有链接到当前文档的样式表。
您还可以使用“编码”工具栏移动规则。只有“代码”视图中提供了“编码”工具栏。

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

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

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

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

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