说明
对于大多数技术来说，官方文档就是一个很好的教程，而学习笔记更多的目的是简化官方文档，突出重点，这也是本篇文章的目的所在。本文档尽量采用图文的形式，参考英文文档和中文文档，目的在于减少大家的学习时间，同时自己可以进行复习，当然还请各位大佬绕道。
为什么学Sass？
1.阅读开源项目源代码
2.加快开发速度
0.两种后缀
.sass和.scss，内容是相对较新的.scss后缀的语法。
1.预编译
将你编写的scss编译成css文件
sass --watch input.scss output.css
"--watch"参数确保你每次更改scss文件后，都会重新预编译一次。
后面的参数还可以是目录。
2.变量
以$符号开头，定义位置决定作用域，变量名里，中划线和下划线互通，也就是说变量名为a-b和为a_b的效果是一样的。
3.嵌套
直接看图
嵌套伪类时，使用&:
对border后跟一长串的简化之类的写法：
4.导入和部分文件
css和sass的@import区别
css：当执行到@import时，才会导入文件，导致加载慢
sass：生成css文档时，就导入文件
部分文件
1.部分文件不需要转化为css
2.部分文件为下划线开头，如：_xxx.scss
3.参考_xxx.scss,引用时，需输入
@import "路径/xxx"(没有下划线，没有后缀)
use引用
同样是_xxx，使用use引用。
use "路径/xxx"
这时候，使用引用的模块的变量，前面要加use：
5.混合器(@mixin)
使用场景：当你发现你在重复写一个样式时。
语法： @mixin定义 @import使用
//定义 //使用
@mixin name($valueName) body
{ {
@include name(value)
} }
官方例子：
6.超好用的扩展继承
直接看动图
通过%开头定义一个样式，@entend应用
7.运算符
可以进行+-*/%运算
