今天完成的事情：

完成任务7

CSS世界 第3章 讲到了宽度分离，前端领域提到分离，作用一定是便于维护。width是content width，如果设置padding、border，盒子尺寸发生变化，如果要保证盒子不变，需要通过计算重新确定width，这样失去灵活性，不利于维护。设置两层盒子，外层盒子模拟padding、border。另外就是border-sizing：border-box

明天计划的事情：

开始任务8

继续 CSS世界

遇到的问题：

在其它电脑演示时，只在320px时hover效果出现异常

可能是hover元素长度问题，改小之后就消失了

收获：

css属性相互关联，容易在一些不起眼的地方出现问题，只能遇到问题具体分析专门解决。

CSS世界第3章内容太多，都是基础概念和后面内容关联甚多，需要重复阅读，融会贯通。

任务7

开始时间：4.16

结束时间：4.24

http://task.jnshu.com/zentao/project-task-629.html

任务总结

任务名称：CSS=TASK7

成果链接：https://chenzl90.github.io/demo-jnshu/task7/index.html

任务耗时：9天

技能脑图：

官网脑图

任务总结：

      a 任务7延期，延期5天，这段时间状态不好，调整自己装态，提升自学效率

      b 现在是css任务阶段，只用到html和css。html方面差别很小，本次任务用到的audio标签需要配合JS实现，没有使用；css方面现在只是小型静态页面，还没有接触到组件、响应式设计、进阶内容，css存在认识差别，总结不到位。

      c css制作图标，这个很容易解决；遇到最多还是布局，感觉还不顺手，还需要多加练习。