1、结构分析

  图所示的“音乐排行榜”可以使用图片与盒子的样式排版来定义，结构如图所示。

2、样式分析

  控制效果图的样式主要分为2个部分：

 （1）给上面的图片设置宽度、高度等样式。需要注意的是，图片引入的地址格式的书写。

 （2）给其他的文字设置背景、边框等样式。需要注意的是，文字的排版。

【 导学视频 】

【 案例效果图】

案例实现

待完成

【 资料下载 】

任务工单

    任务工单下载

素材下载

1、播放器源码

2、播放器样式文件

3、图片素材

同步项目

补充案例

疑难问题解答

1、CSS样式的重要性。