单元5 CSS3新特性-高二《Web前端开发-网页设计》同步精品课堂（电工版2023）

《Web前端开发之网页设计》课程教学单元设计 教学单元5 CSS3新特性 授课教师： 授课班级: 学时：18 教学条件 预装Web前端开发工具HBuilder等的计算机；局域网环境；教学广播软件 教学素材 教材、教学文档、教学课件、案例项目库、教学平台等 教学目标设计 知识目标： (1) CSS3基本概念 (2) CSS3新增选择器 (3) CSS3文本新特性 (4) CSS3背景和边框新特性 (5) CSS3盒模型新特性 (6) CSS3动效新特性 能力目标： (1) 了解CSS3的基本概念。 (2) 掌握CSS3新增选择器的用法。 (3) 掌握CSS3新增常用文本属性，会设置多列文本的设置，以及使用自定义字体。 (4) 掌握CSS3关于背景和边框新增的常用属性，会设置渐变背景色、边框圆角以及边框阴影。 (5) 了解CSS3盒模型类型的设置，掌握弹性盒布局的使用。 (6) 了解CSS3动效相关新增属性；能够在网页中应用过渡、变形及动画等动态效果。 教学内容 (1) CSS3基本概念，常用颜色、长度单位。 (2) CSS3新增选择器 (3) CSS3新增文本属性、多列文本、自定义字体。 (4) CSS3新增背景和边框属性，渐变背景色、边框圆角、边框阴影。 (5) CSS3盒模型类型、弹性盒布局。 (6) CSS3过渡、变形及动画。 重点： (1) CSS3的模块化构成，常用颜色、长度单位。 (2) 文本溢出的处理。 (3) 圆角边框的设置。 (4) 文本阴影、盒阴影的设置。 (5) border-box盒类型的使用。 难点： (1) 多列文本和自定义字体的设置。 (2) 渐变背景色的设置。 (3) 弹性盒布局的应用。 (4) 过渡、变形及动画的应用。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $