中将外部样式表连接到页面如何在Dreamweaver中将外部样式表连接到页面 - 傻瓜

在Dreamweaver中创建外部样式表之后，可以将其附加到任何网页。在随后的分步说明中，可以使用Dreamweaver中包含的任何预定义样式表，也可以使用这些说明附加使用上一练习中的步骤创建的任何样式表。

首先打开要附加样式表的页面，然后执行以下步骤：

<！ --1 - >

1. 点击CSS Designer面板顶部的Sources面板中的加号（+）图标，然后从下拉列表中选择Attach Existing CSS File。 “附加现有CSS文件”对话框打开。

   单击“浏览”按钮并在您的本地站点文件夹中找到CSS文件。

2. 如果您想使用位于另一个网站上的远程CSS文件，也可以输入一个URL，但使用您正在使用的网站中包含的样式表是最常见的。

   <！ - 2 - >

   选择链接或导入选项。

3. 如果您将样式表附加到HTML文件，则最好的选择是几乎总是选择默认的“链接”。如果要创建一个包含对其他样式表的引用的主外部样式表，请选择Import，这是一个使一个样式表能够引用另一个样式表的高级选项。

   （可选）从“条件用法”部分中选择选项。

4. 使用“条件使用”功能在附加样式表时定义媒体查询。点击确定。

   关闭对话框，Dreamweaver通过将一行代码添加到HTML文件的顶部来设置到样式表的链接。链接外部样式表之后，任何适用的样式将自动应用于Dreamweaver页面中的内容，样式表中定义的样式的选择器名称将在“CSS Designer”面板的“选择器”面板中显示。

5. 您可以将多个样式表附加到同一个HTML页面，并且可以在同一个文档中使用内部和外部样式表。例如，您可以将文本样式保存在一个样式表中，将布局样式保存到另一个样式表中，然后将它们都附加到同一个文档中 - 这样可以使所有已定义的样式可用于页面。同样，您可以为不同的目的创建不同的样式表，例如用于打印文件和用于浏览器显示的样式表。