CSS样式表.doc

CSS款式表
学习目的：
　　1、理解CSS款式表的定义和优点
2、掌握嵌入式、内联式、外联式三种款式表的实现方法
3、通过三种款式表的理论,感受这三种款式表的优缺点.
重点：掌握嵌入式、内联式、外联式三种款式表的实现方法
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属性即可
例：〈table style=”color:red；font-size:10pt”>详细相关内容</table>
缺点:P115下，应用场合不多
练习:
2、内联式款式表（前提只对当前页面应用款式）
方法：款式表定义语句放在标签〈style type="text/css〉〈/style〉中，
这部分语句放在HTML文件的主体标签前
练习:
3、外联式款式表
方法:把款式表定义成一个CSS文件，然后在网页中调用该文件
格式：〈link rel=”stylesheet” href="文件的途径及文件名”>
优点：通过一个CSS文件管理网站中的多个网页
练习：
四、学生课堂小结本节课所学的知识点