今日所做：

1.完成了任务13第二个页面点击div播放音频的功能，方法为首先设置控制条的大小，将控制条上的开始键

调节到和div一样的大小，然后通过绝对定位让控制条上的开始键与div重叠，最后在给控制条设置opacity为

0，即将控制条彻底透明，这样界面上就看不到控制条，而点击div的时候就相当于点在了控制条的开关上

2.查看学习资料，了解了css组件与模块的设计需求和原理以及划分的原则

3.之所以让css模块化是因为模块化可以让代码高度重用，显著提高开发效率；

4.拆分模块的方法：从视觉上进行划分，样式和功能相对独立且稳定的一部分就可以视为模块

5.拆分模块时，应将模块拆得尽可能简单，以提高弹性。模块功能越简单其但数量也会相应增加，增加了维护难度。

所以，拆分模块时应该在“数量”和“简单”之间取一个最合适的平衡点。这部分能力就是要靠实际的经验了，

我觉得如果做几个页面布局结构类似的网页，那就可以把模块做的大一些，复用率高，如果页面只有少部分有

类似，那就做几个易于使用的组件即可

6.正常来讲模块还是做得比较精炼一些更加易于使用，因为一个功能超复杂的拥有多个职责的大类，

其重用性远不如一群独立职责的小类

7.完成任务13三个页面的细节完善

8.开始了任务14中第一个页面模块的制作

明日计划：

完成任务14第一个页面组件的制作

研究轮播图和导航栏的制作原理

今日收获：

了解了组件和模块的概念，以及两者的制作和使用原则，并进行了一些简单模块的制作