Web前端开发技术（AIGC版） 教案-教学设计 第6单元 Flex项目属性（教案3：2 学时.docx

教学设计

一、基本信息

课程名称

Web前端开发技术

课题名称

6.3Flex项目属性

授课班级

授课时间

授课类型

理论+实操、新授课

授课地点

机房（联网，支持超星教学平台）

授课学时

40分钟*2学时

教材分析

本节选自《Web前端开发技术》第六单元理论内容，是弹性布局的进阶应用章节。聚焦flex-grow、flex-shrink、flex-basis三大核心项目属性及flex复合属性，承接上节课容器属性知识，通过项目属性设置控制单个项目的尺寸分配、缩放规则，是实现灵活且精细化布局的关键，为弹性布局综合应用奠定完整技能体系，实操性极强。

学情分析

1.前置基础：已掌握Flex容器属