基本信息
文件名称:《HTML5 CSS3项目开发案例教程》教案 第4课 CSS3的使用-美化文本.pdf
文件大小:1.41 MB
总页数:17 页
更新时间:2025-06-12
总字数:约1.58万字
文档摘要

CSS3的使用-美化文本第4课

课题CSS3的使用-美化文本

课时2课时(90min)

知识技能目标:

(1)掌握使用CSS3美化文本样式和段落样式的方法

(2)学习CSS3制作特殊文本样式的方法

教学目标

思政育人目标:

(1)培养学生的逻辑思维、辩证思维和创新思维能力

(2)培养学生的探索精神和一丝不苟的工作态度

教学重点:CSS3美化文本样式和段落样式的流程

教学重难

教学难点:使用CSS3样式制作特殊字符

教学方法讲授法、启发法、问答法、演示法、讨论法、练习法

教学用具电脑、投影仪、多媒体课件、教材

第1节课:考勤(2min)→导入新知(4min)→知识讲解(24min)→活动环节(15

min)

教学设计

第2节课:导入新知(4min)→知识讲解(15min)→课堂练习(19min)→课堂小

结(3min)→作业布置(4min)

教学过程主要教学内容及步骤设计意图

第一节课

?【教师】清点上课人数,记录好考勤培养学生的组

考勤织纪律性,掌握学

(2min)?【学生】班干部报请假人员及原因生的出勤情况

?【教师】介绍CSS3的作用,引出新知识从CSS3的作

用入手,让学生思

导入新知HTML5文本标签能设置的文本效果比较有限,也不利于代码优

考如何使用CSS3

(4min)化,为此可以使用CSS3设置文本的字体、颜色、对齐方式等样式

设置样式,激发学

?【学生】聆听、思考生的求知欲

?【教师】提问学生问题

同学们知道常用的文本样式和段落样式有哪些吗,有没有使

1

第4课CSS3的使用-美化文本的基基本本

用过这些样式

3?【学生】思考、回答

?【教师】讲述文本样式

1.字体类型

在CSS3中,使用font-family属性设置文本的字体类型(也可直

4接使用font属性),具体格式为:

font-family:name;

其中,name表示字体名称,当字体名称为中文时需要用双引号

2标明,为英文时直接声明即可。可