今天完成的任务：

    完成了任务十的布局

    查看了less和sass的区别，它们的区别于实现方式：less基于JavaScript的在客户端处理 所以安装的时候用npm，sass是基于ruby所以在服务器处理。它们两个变量以及作用域都有所不同

    变量 ：sass 是以开头定义的变量，如：mainColor: #963; less 是以@开头定义的变量，如 @mainColor: #963;

    作用域 ：sass 没有全局变量，满足就近原则，但是实际中可以将需要定义的全局属性放在base.scss 文件中。注意变量名重复； less 中的作用域和其他程序语言中的作用域非常的相同，他首先会查找局部定义的变量，如果没有找到，会像冒泡一样，一级一级往下查找，直到根为止，同样上面的例子，我们来看看他在LESS下所起的变化。

遇到的问题：

    布局页脚部分使用栅格布局时，代码没写错的情况下，出现了两列重贴现象。解决方案：在第一组盒子后面加了<br>这个标签导致不能自动分配现象，找了好久没找到原因，以后代码对的情况下，还需多用排除法。不用换行标签加了下边距，就解决了这种情况的发生。

明天计划的事情：安装好sass，学习sass语法。

收获：任务十布局完成了，因为前面的基础不够，导致走走停停，用的比较多的媒体查询以及伪类的使用。使用栅格布局功能按钮框时方式比较绕，使用了很多代码才解决问题，踩到的坑比较多，但也学会了解决的方法