任务概述

科技是国之利器，国家赖之以强，企业赖之以赢，人民生活赖之以好。国家要强，人民生活要好，必须有强大科技。“新云课堂”就是我们利用Web前端开发的基础核心技术HTML 5、CSS 3设计和开发在线学习平台，为用户提供科学、准确、前沿的知识技术和相关课程，开阔用户的认知与眼界，拉近用户与前沿知识之间的距离。本学习单元，我们将使用定位去布局 “新云课堂”页面。

网页内容呈现的方式是平面的，但网页中要表达的内容并不一定也是平面的，大多情况下，我们需要通过一定的元素层叠覆盖，给浏览者营造出立体空间感或者层次感。

我们将在项目课程推荐页面的“课程列表”部分通过定位样式实现课程角标效果，使用绝对定位实现用户登录页面居中，在课程播放页面实现固定定位的置顶按钮和页面头部黏性定位。通过相对定位和绝对定位的应用，同学们要提高多角度分析问题、全方面看待问题的能力。

素质目标

培养学生团队合作精神

培养学生分析问题、解决问题的能力

知识目标

了解使用position四种定位方式的特点

理解z-index属性调整定位元素堆叠方式

技能目标

掌握常见元素重叠覆盖效果的实现。

掌握页面固定定位实现功能按钮。