先导片：制作你的第一个网页

实操：歌单推荐模块分析

知识点：三种样式表

实操：样式表引入（div和标题标签）

实操：标题实现（选择器+CSS常用样式）

实操：列表分析

知识点：列表类标签

知识点：img

知识点：相对、绝对路径

知识点：超链接a标签

实操：列表布局部分实现

知识点：浮动

知识点：盒模型-margin边界

知识点：盒模型-padding内填充

知识点：行高

实操：歌单推荐-列表实现

实操：新歌首发-标题和导航的实现

实操：新歌首发-列表中第一个小盒子

知识点：边框

实操：新歌首发-列表实现

实操：精彩推荐模块实现

实操：排行榜-标题实现

知识点：背景(颜色、图片、重复)

知识点：背景(定位、滚动)

实操：排行榜-列表布局实现

实操：排行榜-列表样式实现

知识点：标签类型

实操：底部-下载客户端

实操：底部-特色产品

实操：底部-合作链接

实操：底部-开放平台和TME集团官网

实操：底部-copyright

实操：头部-logo

知识点：定位（相对、绝对定位）

知识点：固定定位_高清

实操：头部-导航实现

知识点：表单元素（reset重录）

知识点：圆角

实操：头部-搜索框实现

实操：头部-登陆、开通VIP、充值

知识点：边框三角形、伪元素

实操：头部-给开通VIP和充值添加三角形

实操：头部-二级导航