任务概述

盒子模型是CSS控制页面的一个重要概念，是div布局页面的重要组成部分。本学习单元将介绍盒子模型的基本概念，通过设置盒子模型的边框、内边距和外边距，圆角效果和盒子阴影效果等属性，美化课程视频列表，美化用户登录页面和用户注册页面，调整“新云课堂”项目内的成长路线、课程列表等部分。

通过团队合作、创新地组合不同属性，探索获得最佳的页面展示效果的过程。希望同学们不断测试修改网页作品，要有精益求精、勇于探索的精神。

素质目标

培养学生团队合作精神、勇于探索的精神。

培养学生不断创新、精益求精的工匠精神。

知识目标

了解CSS中盒子模型的结构与特点

了解盒子模型的长度计算

了解CSS中两种标准的盒子模型

技能目标

熟练使用盒子模型进行常规页面布局

熟练使用盒子模型进行块状元素水平居中布局

熟练圆角边框的头像制作

掌握边框阴影增加立体效果