理论教育 DreamweaverCS6教程:外部CSS样式表的链接导入

DreamweaverCS6教程:外部CSS样式表的链接导入

时间:2023-10-29 理论教育 版权反馈
【摘要】:所谓外部CSS样式表指的是一个包含样式和格式规范的外部文本文件。在CSS样式面板上,单击“附加样式表”按钮,此时会弹出“链接外部样式表”对话框,从中可以选择外部CSS样式表的路径,如图4-15所示。选择“链接”或“导入”选项指定和创建用于给文档分配CSS样式表的标签,两者的区别在于,导入会将外部CSS样式表的信息带入当前文档,而链接则只读取和传送信息,不会转移信息。单击“确定”按钮,完成链接或导入外部CSS样式表。

DreamweaverCS6教程:外部CSS样式表的链接导入

所谓外部CSS样式表指的是一个包含样式和格式规范的外部文本文件。当对一个外部的CSS样式表进行了编辑后,所有同该CSS样式表链接的文档都会根据所作的修改进行更新。可以通过导出文档中现有的CSS样式来创建新的CSS样式表,也可以给文档导入或链接一个外部CSS样式表来应用样式。

在Dreamweaver CS6中执行以下操作将CSS样式表链接或导入到文档。

(1)执行“窗口”|“CSS样式”命令,打开CSS样式面板。

(2)在CSS样式面板上,单击“附加样式表”按钮978-7-111-40982-3-Chapter04-55.jpg,此时会弹出“链接外部样式表”对话框,从中可以选择外部CSS样式表的路径,如图4-15所示。

(3)选择“链接”或“导入”选项指定和创建用于给文档分配CSS样式表的标签,两者的区别在于,导入会将外部CSS样式表的信息带入当前文档,而链接则只读取和传送信息,不会转移信息。虽然导入和链接都可以将外部CSS样式表中的所有样式调用到当前文档中,但链接可以提供的功能更多,适用的浏览器也更多。

(4)单击对话框中的“浏览”按钮,在弹出的“选择样式表文件”对话框中选择CSS文件,如图4-16所示。

978-7-111-40982-3-Chapter04-56.jpg

图4-15 “链接外部样式表”对话框(www.daowen.com)

978-7-111-40982-3-Chapter04-57.jpg

图4-16 “选择样式表文件”对话框

(5)在“媒体”弹出式菜单中,指定样式表的目标媒体。

(6)单击“预览”按钮确认样式表是否将所需的样式应用于当前页面。

如果应用的样式没有达到预期效果,单击“取消”删除该样式表,页面回到原来的外观。

(7)单击“确定”按钮,完成链接或导入外部CSS样式表。

至此样式表已经分配给当前的Dreamweaver CS6文档,表中的样式也会显示在“CSS样式”浮动面板中。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈