实验指导书：

网页效果图：

本实验图片素材：

实验9报告模板下载：

实验说明：

1. 首先进行结构的分析，一个div里面嵌套了一个ul列表
   

2. 接着开始进行CSS样式规则，用到了#333,#000，#504d58，#ccc，#d6d6d6，#fff等色彩，第一步需要清除列表模型样式：
   

/*重置浏览器的默认样式*/

*{

margin:0;

padding: 0;

list-style: none;

outline: none;

}

3.整体控制歌曲排行版模块width:600px; height:550px; 。

4.歌曲排名部分width:372px; height:530px; 。

5.最后需要填写自己的姓名和学号。