附加或取消外部级联样式表

如果希望一个或多个网页使用外部级联样式表 (CSS) 中定义的样式，则必须将该外部 CSS 附加到这些网页中。通过将外部 .css 文件拖放到“设计”视图中打开的网页上，可以将其附加到单个网页中。如果需要将外部 CSS 附加到多个网页或另一个外部 CSS 中，或者如果外部 CSS 位于网站之外，则可以改用“附加样式表”对话框。

如果希望某个网页不再使用附加的外部 CSS 中的样式，可以使用“应用样式”或“管理样式”任务窗格，通过一步操作将其从该网页上取消。如果需要从多个网页或整个网站中取消某个外部 CSS，可以改用“管理样式表链接”对话框。

重要事项：
从网页中取消外部 CSS 并不会删除网页中对该外部 CSS 中样式的引用，因此必须自行删除样式引用。在取消 CSS 之前，更容易找到样式引用。有关详细信息，请参阅从内容中删除样式。

通过拖放操作将外部 CSS 附加到网页中

1. 在“设计”视图中打开网页。

2. 将 .css 文件从“文件夹列表”任务窗格或“网站”窗口拖放到网页上。

将外部 CSS 附加到一个网页或多个网页或者 .css 文件中

1. 若要选择所要附加 CSS 的文件，请执行下列操作之一：

   • 若要将 CSS 附加到单个网页，请打开该网页。

   • 若要将 CSS 附加到网站中的所有网页，请打开该网站。

   • 若要将 CSS 附加到多个网页，请在“文件夹列表”任务窗格或“网站”视图中，选择要使用该 CSS 的网页。

   • 若要将 CSS 附加到文件夹中的所有网页，请在“文件夹列表”任务窗格或“网站”视图的“文件夹”视图中，选择相应的文件夹。

   • 若要将 CSS 附加到其他 .css 文件，请打开要附加该 CSS 的 .css 文件。

2. 执行下列操作之一：

   • 在“格式”菜单上，指向“CSS 样式”，再单击“附加样式表”。

   • 在“应用样式”或“管理样式”任务窗格中，单击“附加样式表”。

3. 在“附加样式表”对话框中，执行下列操作：

   具体选项	实际作用
   URL	指定相应的 .css 文件及其路径。
   附加到	选择要附加 CSS 的网页： “当前网页:”仅限于打开的网页。 “所有 HTML 网页:”打开的网站中的所有网页。 “选择的网页:”仅限于当前网站中选中的网页。
   附加为	选择附加的方法： “链接:”使用 Link 元素。 “导入:”使用 @import 规则。

从网页中取消外部 CSS

1. 在“设计”视图或“代码”视图中打开网页。

2. 在“应用样式”或“管理样式”任务窗格中，右键单击 CSS 文件的名称（例如“ewd.css”），然后选择“删除链接”。

从多个网页中取消链接的 CSS

1. 执行下列操作之一：

   • 若要从网站的所有网页中取消链接的 CSS，请打开该网站。

   • 若要从多个网页中取消链接的 CSS，请在“文件夹列表”任务窗格或“网站”视图中选择相应的网页。

2. 在“格式”菜单上，指向“CSS 样式”，再单击“管理样式表链接”。

3. 在“链接样式表”对话框的“URL”列表中，单击要取消的外部级联样式表 (CSS) 的名称。

   说明：
   “链接样式表”对话框中仅列出链接的 CSS 文件，不会列出导入的 CSS 文件。只能使用“应用样式”或“管理样式”任务窗格，或者在“代码”视图中从各个网页中删除关联的 @import 规则，逐次从单一网页中取消导入的 CSS。

4. 单击下列选项之一：

   • “当前网页”用于仅从当前网页中取消 CSS。

   • “所有网页”用于从当前网站的所有网页中取消 CSS。

   • “选择的网页”用于仅从当前网站中选中的网页中取消 CSS。

5. 单击“删除”，然后单击“确定”。

从 .css 文件中取消导入的外部 CSS

1. 打开包含导入的 CSS 的 .css 文件。

2. 删除引用了要取消的 CSS 文件的 @import 规则。

另请参见

概念

创建级联样式表

级联样式表概述