如果希望一个或多个网页使用外部级联样式表 (CSS) 中定义的样式,则必须将该外部 CSS 附加到这些网页中。通过将外部 .css 文件拖放到“设计”视图中打开的网页上,可以将其附加到单个网页中。如果需要将外部 CSS 附加到多个网页或另一个外部 CSS 中,或者如果外部 CSS 位于网站之外,则可以改用“附加样式表”对话框。
如果希望某个网页不再使用附加的外部 CSS 中的样式,可以使用“应用样式”或“管理样式”任务窗格,通过一步操作将其从该网页上取消。如果需要从多个网页或整个网站中取消某个外部 CSS,可以改用“管理样式表链接”对话框。
重要事项:
从网页中取消外部 CSS 并不会删除网页中对该外部 CSS 中样式的引用,因此必须自行删除样式引用。在取消 CSS 之前,更容易找到样式引用。有关详细信息,请参阅从内容中删除样式。
通过拖放操作将外部 CSS 附加到网页中
在“设计”视图中打开网页。
将 .css 文件从“文件夹列表”任务窗格或“网站”窗口拖放到网页上。
将外部 CSS 附加到一个网页或多个网页或者 .css 文件中
若要选择所要附加 CSS 的文件,请执行下列操作之一:
若要将 CSS 附加到单个网页,请打开该网页。
若要将 CSS 附加到网站中的所有网页,请打开该网站。
若要将 CSS 附加到多个网页,请在“文件夹列表”任务窗格或“网站”视图中,选择要使用该 CSS 的网页。
若要将 CSS 附加到文件夹中的所有网页,请在“文件夹列表”任务窗格或“网站”视图的“文件夹”视图中,选择相应的文件夹。
若要将 CSS 附加到其他 .css 文件,请打开要附加该 CSS 的 .css 文件。
执行下列操作之一:
在“格式”菜单上,指向“CSS 样式”,再单击“附加样式表”。
在“应用样式”或“管理样式”任务窗格中,单击“附加样式表”。
在“附加样式表”对话框中,执行下列操作:
具体选项
实际作用
URL
指定相应的 .css 文件及其路径。
附加到
选择要附加 CSS 的网页:
“当前网页:”仅限于打开的网页。
“所有 HTML 网页:”打开的网站中的所有网页。
“选择的网页:”仅限于当前网站中选中的网页。
附加为
选择附加的方法:
“链接:”使用 Link 元素。
“导入:”使用 @import 规则。
从网页中取消外部 CSS
在“设计”视图或“代码”视图中打开网页。
在“应用样式”或“管理样式”任务窗格中,右键单击 CSS 文件的名称(例如“ewd.css”),然后选择“删除链接”。
从多个网页中取消链接的 CSS
执行下列操作之一:
若要从网站的所有网页中取消链接的 CSS,请打开该网站。
若要从多个网页中取消链接的 CSS,请在“文件夹列表”任务窗格或“网站”视图中选择相应的网页。
在“格式”菜单上,指向“CSS 样式”,再单击“管理样式表链接”。
在“链接样式表”对话框的“URL”列表中,单击要取消的外部级联样式表 (CSS) 的名称。
说明:
“链接样式表”对话框中仅列出链接的 CSS 文件,不会列出导入的 CSS 文件。只能使用“应用样式”或“管理样式”任务窗格,或者在“代码”视图中从各个网页中删除关联的 @import 规则,逐次从单一网页中取消导入的 CSS。
单击下列选项之一:
“当前网页”用于仅从当前网页中取消 CSS。
“所有网页”用于从当前网站的所有网页中取消 CSS。
“选择的网页”用于仅从当前网站中选中的网页中取消 CSS。
单击“删除”,然后单击“确定”。
从 .css 文件中取消导入的外部 CSS
打开包含导入的 CSS 的 .css 文件。
删除引用了要取消的 CSS 文件的 @import 规则。
如果希望某个网页不再使用附加的外部 CSS 中的样式,可以使用“应用样式”或“管理样式”任务窗格,通过一步操作将其从该网页上取消。如果需要从多个网页或整个网站中取消某个外部 CSS,可以改用“管理样式表链接”对话框。
重要事项:
从网页中取消外部 CSS 并不会删除网页中对该外部 CSS 中样式的引用,因此必须自行删除样式引用。在取消 CSS 之前,更容易找到样式引用。有关详细信息,请参阅从内容中删除样式。
通过拖放操作将外部 CSS 附加到网页中
在“设计”视图中打开网页。
将 .css 文件从“文件夹列表”任务窗格或“网站”窗口拖放到网页上。
将外部 CSS 附加到一个网页或多个网页或者 .css 文件中
若要选择所要附加 CSS 的文件,请执行下列操作之一:
若要将 CSS 附加到单个网页,请打开该网页。
若要将 CSS 附加到网站中的所有网页,请打开该网站。
若要将 CSS 附加到多个网页,请在“文件夹列表”任务窗格或“网站”视图中,选择要使用该 CSS 的网页。
若要将 CSS 附加到文件夹中的所有网页,请在“文件夹列表”任务窗格或“网站”视图的“文件夹”视图中,选择相应的文件夹。
若要将 CSS 附加到其他 .css 文件,请打开要附加该 CSS 的 .css 文件。
执行下列操作之一:
在“格式”菜单上,指向“CSS 样式”,再单击“附加样式表”。
在“应用样式”或“管理样式”任务窗格中,单击“附加样式表”。
在“附加样式表”对话框中,执行下列操作:
具体选项
实际作用
URL
指定相应的 .css 文件及其路径。
附加到
选择要附加 CSS 的网页:
“当前网页:”仅限于打开的网页。
“所有 HTML 网页:”打开的网站中的所有网页。
“选择的网页:”仅限于当前网站中选中的网页。
附加为
选择附加的方法:
“链接:”使用 Link 元素。
“导入:”使用 @import 规则。
从网页中取消外部 CSS
在“设计”视图或“代码”视图中打开网页。
在“应用样式”或“管理样式”任务窗格中,右键单击 CSS 文件的名称(例如“ewd.css”),然后选择“删除链接”。
从多个网页中取消链接的 CSS
执行下列操作之一:
若要从网站的所有网页中取消链接的 CSS,请打开该网站。
若要从多个网页中取消链接的 CSS,请在“文件夹列表”任务窗格或“网站”视图中选择相应的网页。
在“格式”菜单上,指向“CSS 样式”,再单击“管理样式表链接”。
在“链接样式表”对话框的“URL”列表中,单击要取消的外部级联样式表 (CSS) 的名称。
说明:
“链接样式表”对话框中仅列出链接的 CSS 文件,不会列出导入的 CSS 文件。只能使用“应用样式”或“管理样式”任务窗格,或者在“代码”视图中从各个网页中删除关联的 @import 规则,逐次从单一网页中取消导入的 CSS。
单击下列选项之一:
“当前网页”用于仅从当前网页中取消 CSS。
“所有网页”用于从当前网站的所有网页中取消 CSS。
“选择的网页”用于仅从当前网站中选中的网页中取消 CSS。
单击“删除”,然后单击“确定”。
从 .css 文件中取消导入的外部 CSS
打开包含导入的 CSS 的 .css 文件。
删除引用了要取消的 CSS 文件的 @import 规则。