任务3.2 弹性盒布局。

知识目标

1. 掌握 flex 弹性盒布局。

2. 掌握flex相关属性的使用方式。

能力目标：

3. 能独立完成弹性盒布局。

4. 能将媒体查询和弹性盒布局结合使用。

思政目标：

5. 培养学生创新思维、创新能力。

6. 强化学生勤于思考信念。

7. 培养学生善于总结的能力。

重点：

1. 弹性和布局。

2. 弹性容器属性。

3. 弹性子元素属性。

难点：

1. 弹性盒相关属性之间的相互配合。

2. 理解flex综合属性。

课程思政元素：

创新思维、有梦想、认真仔细、普遍联系思维。

融入知识点：

1. 弹性盒布局的提出。

2. 弹性盒模型相关属性取值。

3. 弹性容器、弹性子元素熟悉的联系性。

引导法、融入法、案例法。