文档介绍：精选优质文档-----倾情为你奉上
精选优质文档-----倾情为你奉上
专心---专注---专业
专心---专注---专业
精选优质文档-----倾情为你奉上
专心---专注---专业
《网页设计与制作》课程讲义
第十六讲 S还原了HTML语言原本的描述结构功能，不仅实现了美化页面，还使页面结构变得简洁合理且清晰可读。简单了解CSS用于表现网页，控制或增强网页的外观。
三、引用CSS
既然CSS有如此强大的功能，那么在网页中如何进行引用？一般有下列4种方法：
1、将外部样式表链接到HTML文件上。
2、将外部样式表导入到HTML文件中。
3、将样式表内嵌HTML文件中。
4、将样式表内联到HTML文件行中。
这里我们重点学****一下第一种，将css样式表作为独立的样式文件与html文档进行关联进行网页制作。
外联样式表就是把外部的样式表文件链接到网页上，从而在网页中使用样式表。此方法通过<link>标签实现，关于<link>标签在前面的章节中有详细的介绍。将<link>标签加入到<head>标签之间，具体格式如下：
<head>
精选优质文档-----倾情为你奉上
精选优质文档-----倾情为你奉上
专心---专注---专业
专心---专注---专业
精选优质文档-----倾情为你奉上
专心---专注---专业
<link rel=stylesheet href=“” type=”text/css”>
…
</head>
我们将之前做过的实例，使用DIV+CSS的方法来进行制作，看看我们如何具体操作:
注意事项：
一个网页文件
DIV+CSS方法制作网页的要领就是将html标记与css样式分离成为2个文件，即一个页面包括2个文件，一个是html文档，描述网页页面有什么内容，另一个就是这个html文档所关联的一个css文件，这里描述网页布局的样式以及网页内部所有元素的样式。
图解：
Css文件
Html文件
我们在看下面实例：将以前做过的这个页面使用div+css的方法进行制作
精选优质文档-----倾情为你奉上
精选优质文档-----倾情为你奉上
专心---专注---专业
专心---专注---专业
精选优质文档-----倾情为你奉上
专心---专注---专业
【学****目标】理解将网页的内容与样式分开书写的制作方法，这样将网页的内容与样式分隔开写的做法会使得页面代码较为规范，可读性强
【讨论实例】
… …
【教师指导】简述实例制作过程
1、新建立一个站点，在站点中新建一个html文档，。，。

。在<head></head>标记之间输入
精选优质文档-----倾情为你奉上
精选优质文档-----倾情为你奉上
专心---专注---专业
专心---专注---专业
精选优质文档-----倾情为你奉上
专心---专注---专业
<link href="" rel="stylesheet" type="text/css" />
将名为ind