文档介绍：?网页格式刷?
——CSS样式表教学案例
【教材分析】
“CSS样式表〞是高中信息技术选修?网络技术应用?的第五章“动态网页制作〞中的内容。教材中将这块内容分为“什么是CSS〞、“CSS实现〞、“在HTML中参加CSS〞三局部。本节内or:red;font-family:黑体;font-size:24pt〞
注意：color的属性值还可以用颜色代码，如：#ff0000。
教师活动：布置课堂练****题1。
，将网页中文章标题文字“秋天的童话·如梦〞用嵌入式样式表设置成：#ff9900，30pt，黑体。〔效果如下列图〕
学生活动：依据教师讲的方法，进行练****br/>教师活动：巡回辅导，提醒学生输入字母、标点一定要准确。
教师提问：如果用嵌入式样式表来为网页中的文字设置外观，方不方便？
学生答复：不方便。
教师活动：总结嵌入式样式表的缺乏。
嵌入式样式表主要用于对具体的标签作具体的调整，其作用的范围只限于本标签。这种样式表并不能充分表达出CSS样式表的优越性。
引入内联式样式表。
2、内联式样式表
〔1〕作用于网页中的局部文字
教师活动：教师讲授第一种内联式样式表的使用方法。
方法：(1)在网页的<head> </head>定义样式，如：
<style type=“text/css〞>
.a1 {color:green;font-size:14pt;font-family:黑体}
</style>
(2)在要设置此样式的文字头插入<span class=a1>,文字尾插入</span>,如：
<span class=a1>1、提示一些不相干的话。</span>
注意：a1为定义的样式名，不同的网页，样式名可以不同。
教师活动：布置课堂练****题2。
，用内联式样式将网页中的9个小标题字体设置为：绿色、14pt、黑体。〔效果如下列图〕
学生活动：依据教师讲的方法，进行练****br/>教师活动：巡回辅导，提醒学生定位插入点要准确，样式名前的点不能丢，输入字母、标点也一定要准确。
教师活动：发现很多学生的错误都来自输入错误，自己检查半天也查不出来，于是提议让同桌同学帮助找错。
学生活动：学生很认真的帮同学找错。
教师提问：如果要把“〞网页中的小标题的颜色由绿色改为蓝色，想一想该如何做？
学生答复：只要在定义样式的代码中将“green〞改为“blue〞就行了。
教师提问：但是如果我们没有用内联式样式表，那又该如何做？
学生答复：那就得九个标题一个一个改颜色，改九次。
教师活动：引导学生体会样式表的使用提高了我们修改网页的效率！
〔2〕作用于整个网页
教师活动：教师讲授第一种内联式样式表的使用方法。
方法：在网页的<head> </head>插入代码：
<style type=“text/css〞>
样式表CSS内容
</style>
教师活动：布置课堂练****题3。
，用内联式样式表制作超链接文字的动态效果：当鼠标划过时，设为超连接的文字，变成橘黄色，并