今天完成的事情： 

今天把任务八又重新做了一遍

明天计划的事情：明天计划把任务12写完
遇到的问题：sass混合器

1.变量使用之前要先声明变量

解析：声明在变量这个盒子里面要放什么东西，那里面就有东西了

2.第二步使用变量。

解析：现在变量里面有东西了，要把里面的东西拿出来用，就要先找到变量这个盒子，找到盒子才能使用里面的东西。变量的变量名，就是这个盒子在的地方，把他放在你所要用的地方，就是把盒子里面的东西取出来用了。

多值变量：

多值变量格式： 

$var:value,value,value;

实例： 

““ 

$back:#fff,green,red;/1.多个变量一起声明/ 

p{ 

color: nth($back,1);/2.输出green/ 

} 

span{ 

color: nth($back,3);/3.输出red/

““

解析：

所谓的多值变量就是字面上的意思，把多个相关的值写在一个变量里，然后通过nth($var,index)来获取第几个值。通常可以用于在写页面的时候声明多个颜色，然后再样式里面直接使用就可以了。

关于变量的作用域：

解析：

以上是我在sass文件里面做的一个demo，里面分成了三个部分，下面分别给大家解析一下。

1.第一部分，变量要提前声明才能使用。这里我上面没有声明$text1这个变量，直接使用，导致文件报错。

sass文件编译是从上往下的，所以使用的时候，变量要声明在上面，当上面没有声明的时候，使用这个变量就会报错，文件编译错误，导致css文件无法使用。

2.第二部分，sass的全局属性，详见demo，里面注释的很清楚了。

因为sass文件是从上往下解析的，同一个sass变量在外界声明的时候，会有一个覆盖的作用，即上面已经声明过的变量，会被下面声明的给覆盖。

3.第三部分，sass也有局部变量。局部被包裹的变量，将不会影响到外界的变量，只在自己的一亩三分田里面起作用，外界要引用这个变量也是不行的。如果这里我没有定义外界的变量，局部被包裹起来的那部分$text:blue;还是会生效的。

变量的默认值default：

刚才说了，sass文件是从上往下渲染的，后面声明的变量会覆盖前面的变量，default这里的作用就是使后面的变量变成声明在第一个的变量（就是开始声明这个变量的地方，默认是第一个。）

变量格式：

$var:value!default; 栗子：$color:red!default;

收获：加深了对bootstarp的理解