HTML5+CSS3网页设计实战 教案 第3章 盒子模型.docx

教学单元

第3章盒子模型

教学内容

盒子模型特点和标准盒模型

学习资源

任务单、PPT、专题网站等。

学时

2学时

学习目标

知识目标：

理解盒子模型的概念及意义。

了解盒子模型的分类：标准盒模型、怪异盒模型。

掌握标准盒模型的width属性、height属性

能力目标：

（1）具备合理定义容器width属性、height属性值的能力。

（2）具备精确计算容器占用尺寸的能力。

（3）具备对元素外观美感与实际应用平衡的思考能力。

素养目标：

通过对元素尺寸的精确计算，在编程细节上追求卓越和完美，引导学生树立精益求精的工匠精神。

学习重点

盒子的理解，盒子模型width属性、he