Web前端技术（新编21世纪高等职业教育精品教材·电子与信息类）

本书采用活页形式，以奕品堂音乐网站项目为载体，分为网站搭建、主页实现、歌曲分类页面实现、网站交互页面实现四个模块，每个模块又分为多个任务，每个任务学习目标明确，由课前预习、课中练习、课后巩固评价等环节组成，包含任务描述、学习目标、知识导图、课前预习、任务实施、相关知识、能力实训、任务总结、任务评价等内容。通过本书内容学习，学习者可掌握网站页面设计制作的HTML5、CSS3、JavaScript等相关技术，为后续其他专业课程学习奠定基础。
本书可作为高等职业院校计算机各专业的专业课程教材，也可作为高等院校计算机相关专业的教材。

江兆银，副教授，组织申报江苏省产教融合试点企业项目、江苏省软件技术专业群项目、江苏省服务外包嵌入式培养项目、校级产业学院、校级高水平专业群、校科技服务平台团队等等项目。主持省部级课题2项，校级课题教改4项，校企合作横向课题4项，发明专利4项、实用新型3项，主编教材5本，参与省、市社科项目各1项，省、校级在线开放课程各1项，江苏省大学生创新创业项目2项，大学生优秀毕业设计团队2项。
姜文秀，讲师，主持校级教改课题2项，校企合作横向课题2项，省级刊物发表论文7篇，主持校级在线开放课程一门，江苏省大学生创新创业项目2项，大学生优秀毕业设计团队1项，参与编写教材3本，指导学生参加“蓝桥杯”软件大赛多次获奖，指导学生参加江苏省技能大赛获三等奖。

1.position:fixed
CSS 中的 position 属性用来设置元素在页面中的位置，通过该属性，用户可以把任何属性放置在用户认为任何合适的位置。position 属性有 5 个可选值，分别对应 5 种不同的定位方式，前面的任务已经讲过static(静态定位，默认值)、relative(相对定位)和absolute(绝对定位)，此处用到了新的属性——fixed(固定定位)，其作用是无论如何滚动浏览器窗口，元素的位置都是固定不变的，可以使用 top、right、bottom、left 这 4 个属性来定义元素相对于浏览器窗口的位置。
遮盖层和登录窗口层都使用了position:fixed;，是为了防止页面滚动对它们造成影响。