编辑外部 CSS 样式表时,链接到该 CSS 样式表的所有文档全部更新以反映所做的编辑。可以导出文档中包含的 CSS 样式以创建新的 CSS 样式表,然后附加或链接到外部样式表以应用那里所包含的样式。
您可以将创建的或复制到站点中的任何样式表附加到页面。此外,Dreamweaver 附带了预置的样式表,这些样式表可以自动移入站点并附加到页面。
执行下列操作之一打开“CSS 样式”面板:
选择“窗口”>“CSS 样式”。
按 Shift+F11 键。
在“CSS 样式”面板中,单击“附加样式表”按钮。(该按钮位于面板的右下角。)
请执行下列操作之一:
单击“浏览”,浏览到外部 CSS 样式表。
在“文件/URL”框中键入该样式表的路径。
在“添加为”中选择其中的一个选项:
若要创建当前文档和外部样式表之间的链接,请选择“链接”。该选项在 HTML 代码中创建一个 link href 标签,并引用已发布的样式表所在的 URL。Microsoft Internet Explorer 和 Netscape Navigator 都支持此方法。
不能使用链接标签添加从一个外部样式表到另一个外部样式表的引用。如果要嵌套样式表,必须使用导入指令。大多数浏览器还能识别页面中(而不仅仅是样式表中)的导入指令。当在链接到页面与导入到页面的外部样式表中存在重叠的规则时,解决冲突属性的方式具有细微的差别。如果希望导入而不是链接到外部样式表,请选择“导入”。
在“媒体”弹出菜单中,指定样式表的目标媒体。
有关与媒体相关的样式表的详细信息,请访问 WWW 联合会 Web 站点,网址为 www.w3.org/TR/CSS21/media.html。
单击“预览”按钮确认样式表是否将所需的样式应用于当前页面。
如果应用的样式没有达到预期效果,请单击“取消”删除该样式表。页面将回复到原来的外观。
单击“确定”。