目录:
视频: Dreamweaver 網站製作教學 03 - 新增超連結 2024
在Dreamweaver中创建新样式时，需要决定是将样式保存在内部样式表还是外部样式表中。在 内部样式表 中，样式规则保存在要应用样式的HTML文档的顶部。在 外部样式表 中，新样式保存在单独的文档中，该文档可以附加到网站中的任何文件。
外部样式表提供了最大的优势，因为在多个页面中使用一组样式比为网站中的每个页面创建样式效率更高。也就是说，有时内部样式表是一个不错的选择，比如当你创建一个只适用于一个页面元素的样式时。
<！ - 1 - >如何在Dreamweaver中创建内部样式表
内部样式表保存在应用它们的相同HTML文件中。因此，当您创建内部样式表时，不会像创建外部工作表时那样创建文件。
相反，当您创建内部样式表时，只需在Dreamweaver中打开的HTML文件顶部的标记内添加标记即可。然后，在创建样式时，将新样式规则定义保存在文件中的标签中。
在Dreamweaver中创建一个新的内部样式只需要两个步骤。首先点击CSS Designer面板顶部的Sources面板中的加号（+）图标。然后从下拉列表中选择在页面中定义。你完成了。 Dreamweaver将标记插入到文件中的代码中，并使用标记在“源”面板中列出内部样式表。
如何在Dreamweaver中创建外部样式表
在CSS Designer面板的最顶部，您可以找到Sources面板。此面板显示可用于打开页面的任何样式表的名称。在创建或应用样式时，此面板用于创建或链接到样式表。
要创建外部样式表，首先创建并保存新的HTML文件或在Dreamweaver中打开现有文件，然后按照以下说明进行操作：
-
单击位于顶部的“来源”面板中的加号（+）图标CSS设计器面板。
打开一个下拉列表，其中包含三个选项：创建新的CSS文件，附加现有的CSS文件和在页面中定义。
-
从下拉列表中选择“创建新的CSS文件”选项。
打开“创建新的CSS文件”对话框。
-
为新的样式表文件输入一个名称。
只要不包含连字符（ - ）或下划线（_）以外的空格或特殊字符，就可以命名样式表。
-
选择链接选项。在大多数情况下，链接被认为是最佳实践，并且在Dreamweaver中默认选择链接。
绝大多数情况下，只有在想要将多个外部样式表应用于页面，但只想链接到一个样式表时，才使用“导入”选项。在这种情况下，您可以使用“导入”选项将多个样式表关联到一个样式表。
点击条件使用旁边的箭头查看其他设置。
-
“条件用法”设置用于设置样式表的媒体查询。点击确定。
样式表保存并链接到您在Dreamweaver中打开的HTML页面。
-
注意：
如果您正在使用新的HTML页面，请确保已保存该页面;否则，您将无法创建并链接新的CSS文件。 创建外部样式表之后，按照以下练习中的步骤，可以将相同的样式表链接到任意数量的页面。您还可以将任意样式的规则添加到任何外部样式表中，在创建类，标签和其他类型的样式时，会遵循各种练习。
