图7-6 链接外部样式表 （3）外部样式表链接完成后，在【CSS样式】面板中可以看到样式文件myCSS.css中所包含的样式，如图7-7所示。
图7-7 【CSS样式】面板 2．在网页中应用CSS样式 （1）将外部CSS文件链接到网页文档后，网页的显示效果马上会发生变化，CSS样式文件中定义的CSS规则已经对网页产生了影响。 （2）进入设计视图，选择“网页标题”文字，进入【属性】面板，展开【样式】后面的下拉列表，选择header，如图7-8所示。
图7-8 设置标题的样式 （3）按照相同的方式，分别为页面上的其他内容在【属性】面板中的【样式】后面的下拉列表中找到对应的样式，可以得到大致如图7-9所示的效果。
图7-9 通过外部CSS样式文件设置的页面 专家点拨：网页文档链接了外部CSS样式文件后，在代码视图中，可以观察到head标签中增加了一行代码： <link href="mycss.css" rel="stylesheet" type="text/css" /> 这就是链接外部CSS样式文件的代码。 |
