项目4“青春树儿童摄影网”首页制作盒子相关属性元素的浮动和定位 认识盒子模型 元素的类型与转换 HTML学习目标掌握盒子的相关属性，能够制作常见的盒子模型效果。1 1掌握理解掌握熟悉2 2理解背景属性的设置方法，能够设置背景颜色和图像 。3 3熟悉清除浮动的方法，可以使用不同方法清除浮动。掌握元素的定位，能够为元素设置常见的定位模式。4 4 目录盒子模型相关属性点击查看本小节知识架构元素的类型与转换点击查看本小节知识架构元素的浮动点击查看本小节知识架构【任务 4-1】认识盒子模型元素的定位点击查看本小节知识架构【 任务 4-2】【任务4-3】【任务4-4】【任务4-5】点击查看本小节知识架构 目录制作导航及banner模块制作最新动态模块制作样片欣赏模块布局及定义基础样式制作页脚及悬浮框模块【 任务 4-6】【 任务 4-7】【任务 4-8】【任务 4-9】【任务4-10】 知识架构【任务4-1】认识盒子模型1认识盒子模型【任务4-2】 盒子模型相关属性边框属性内边距属性外边距属性 知识架构背景属性盒子的宽与高12345【任务4-3】 元素的类型与转换元素的类型标记元素的转换 知识架构
