今天完成的事情：学习了sass语言，了解了其基本属性，配置了环境，并用scss重写了任务4
明天计划的事情：没有别的事情的话开始任务12，继续加深对sass语言的理解，理解其优点m并比较下与less的区别。
遇到的问题：

1.在webstorm配置好scss后，建立scss样式后，scss代码不能有语法错误，如果有错误，可以在运行框中检查，否则不会生成css代码，困扰了我很久，还以为是配置错误。

2.scss样式对选择器的嵌套的时候，注意同级别的样式不能包在父元素之中，另外scss虽然相比较sass和css3更加接近，但是对于代码的准确率要求更高，稍不注意就会出错，需要更加注意代码质量。

收获：

1.比较了几种转化sass为css的方法选择了webstorm自带的工具，配合webstorm的分屏功能，对照比对，体验效果很好，强烈推荐。（另外还有腾讯的koala

）

2.‍‍SASS分为两种语法，一种是SCSS，另一种就是SASS。到目前为止，我们所说的SASS其实就是其新语法，也就是——SCSS，只不过大家都还是习惯性的称之为SASS。这一点大家需要注意。‍‍

‍‍SCSS语法规则和CSS的语法规则可以说是完全一样，由选择器、属性和属性三部分组成，并且和大括号{}与分号;配合在一起使用。‍‍

作为初学者，直接学习scss是更好的选择，可以不必改变编码习惯。

3.sass我认为是为复杂css样式提供一个可以在走的捷径，嵌套变量都是很有用的属性，灵活掌握应用可以为日后提供方便。