基本信息
文件名称：HTML5+CSS3+JavaScript Web前端开发实例教程 教案 单元 7 CSS3布局属性.docx
文件大小：24.71 KB
总页数：4 页
更新时间：2026-03-11
总字数：约4.14千字
文档摘要
PAGE1
PAGE
单元7CSS3布局属性
课程名称
HTML5+CSS3+JavaScriptWeb前端基础教程（慕课版）
项目名称
CSS3布局核心技术应用
任务名称
CSS浮动、定位与弹性盒布局实战
课时
4
项目性质
□演示性□验证性□设计性√综合性
授课班级
授课日期
授课地点
教学目标
知识目标
1．掌握CSS浮动（float）的原理、用法及清除浮动的方法；
2．理解CSS定位（static/relative/absolute/fixed）的核心差异与应用场景；
3．掌握弹性盒布局（flex）的核心属性（flex-direc