今天完成的事：

一、修改完成了任务13

主要是颜色问题，取色不准确，已改正

二、开始做任务14

第一个页面正在用sass重构中，发现了不少新问题

尤其是脱离boostrap框架后，发现很多不便利的地方

最主要的是box-sizing=border-box，在配合hover显示边框或者padding时，会扩展容器的宽高

在设定好固定的宽高后，hover会压缩元素的content，而不会扩展容器

三、纯手工sass编写导航栏和轮播图

导航栏基本有了思路，轮播图还没头绪，尤其是轮播图两侧的箭头

过程中复习了一些boostrap默认的格式，比如

vertical-align: middle;

box-sizing: border-box;

四、了解了模块，组件，以及页面维护后，对于sass变量的理解

sass变量不能因为与需求的样式相同就无脑往上套，要根据所处的模块、组件来判断，因为变量是牵一发而动全身，所以只有确定相同的地方再套用

比如任务14

header和footer的颜色和许多地方的颜色一致，但不能使用同一变量，如果要修改页面的主色，为了方便维护，header和footer可以使用相同变量，其他的要单独修改，或者使用其他变量

遇到的问题：

暂无

明日计划：

继续任务14，页面其他部分完成的差不多，就差导航栏和轮播图两个难点了，争取完成任务14

收获：

组件:高重用，低耦合，功能的封装

模块:高耦合，低内聚，无重用

或者说组件是达到可复用要求的模块

三个页面的header和footer相同，使用sass编写了全局样式