今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

完成了任务十一
明天计划的事情：（一定要写非常细致的内容） 

开始任务十二
遇到的问题：（遇到什么困难，怎么解决的） 

关于SASS的嵌套的问题，在做下拉框选项的时候，发现盒子嵌套在SASS里面一直出现了错误，正在排查

收获：（通过今天的学习，学到了什么知识）

任务11任务总结。

任务耗时：2018.10.25~10.27

成果链接：https://unrealfei.github.io/task1/task11/task11.html

官方脑图

我的脑图

首先这个步骤比较简单，因为都是之前做过的任务，所以再做一遍不难

主要是SASS的部分，因为LESS很久没有更新了，所以就选择了SASS的部分

首先的是安装SASS的部分，也就是下载了RUBE的东西，然后接着我就使用了命令符

的形式来进行着安装，完成后，我就输入了

gem install sass这样的命令符，就安装好了

接下来的部分就是检测安装的版本

我就输入了

sass -v

这样的来检测版本

接下来就是

SASS：预处理器，换个方式来写CSS，安装环境不能有中文空格，编译的过程中也是一样的，不能有特殊的符号和空格部分
写SASS的时候，尾巴的部分要加上分号，不然容易报错
//在SASS里面是不会被编译的
编译语法：sass+空格+要编译的文件名+格式+空格+编译后的文件名+格式，这个是在用命令符的情况下，如果是在VSCODE的编辑器下，直接下一个插件就可以了，直接就可以省掉了监听的命令符

$是声明变量意思：可以存下CSS单位，颜色和文字，

还有一个多值的变量像$border:1px solid red；三个值的变量

一个变量可以存下多个值，但是如果相同的值的话一起输出的话，会起冲突导致不生效，这个时候可以使用nth,就是哪个变量第几个的意思

就像上面的那个一样那个变量，第一个值
全局变量，就是优先在自己的部分寻找那个变量，从最上面始寻找，如果没有的话就继续再往上去寻找
切记！！别写在下方，因为这样的话是不生效的

SASS的属性嵌套是要使用：来区分的

SASS混合器
@mixin来声明，
    然后使用
@include来调用