CSS样式表.doc

CSS样式表

学习目标：
1、了解CSS样式表的定义及其优点
2、掌握嵌入式、内联式、外联式三种样式表的实现方法
3、通过三种样式表的实践，感受这三种样式表的优缺点。
重点：掌握嵌入式、内联式、外联式三种样式表的实现方法
学习过程：
一、阅读教材（网络技术应用P112—116），思考以下问题
1、什么是CSS样式表？什么是样式？

2、CSS样式表的使用，有哪些优点？

二、学生实践

1、在主体标签对中输入HTML代码（P114，图5-9的效果）

2、利用CSS样式表，在主体标签前加入CSS代码（P114，图5-10），
在文字前后加<h3></h3>标签对

3、对比CSS代码与HTML代码的异同点（P114，表5-4）

三、在HTML中加入CSS的三种方式
1、嵌入式样式表
方法：在每个要应用模式的HTML标签后写上CSS属性即可
例：<tablestyle=”color:red;font-size:10pt”>具体相关内容</table>
缺点：P115下，应用场合不多
练习：

2、内联式样式表（前提只对当前页面应用样式）
方法：样式表定义语句放在标签<styletype=”text/css></style>中，
这部分语句放在HTML文件的主体标签前
练习：

3、外联式样式表
方法：把样式表定义成一个CSS文件，然后在网页中调用该文件
格式：<linkrel=”stylesheet”href=”文件的路径及文件名”>
优点：通过一个CSS文件管理网站中的多个网页
练习：

四、学生课堂小结本节课所学的知识点