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

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