SASS学习总结
思维导图：
1. SASS作用
CSS预处理器，功能上大同小异，都是使用类似程序样式语言的方式来编写CSS，都具有变量，混入，嵌套，继承等特性，最终目的都是方便CSS的书写及维护。
2. SASS注释
标准注释：/ 评论 /，会保留到编译后的文件。
单行注释：//评论，只保留在Sass源文件中，编译后被省略。
强制注释：/！ 评价/ 在压缩状态 下也显示；
3. SASS样式导入
@import 可以根据文件扩展名不同而用不同的方式处理
如果文件是.css的扩展名，将与CSS中的@import语句保持一致。
如果导入.scss，可以省略扩展名将处理为scss导入, 并发生合并。
4. SASS变量
变量的作用就是把值定义在一个地方，然后在各处使用，这样能让代码更易维护；
1.变量的定义方式
定义方式是 开头,变量名与变量值之 间用【冒号】分隔
2.变量镶嵌在字符串之中
如果变量需要镶嵌在字符串之中，就必须需要写在#{}#{变量名}
3.变量的作用域
全局变量就是定义在元素外面的变量,定义在元素内部的变量就是局部变量 首先会在局部查找变量和混合，如果没有找到，就会在父作用域中查找，依次类推
5. SASS嵌套
Sass中的嵌入模仿了HTML的嵌入规则：
选择器嵌套
& 可用于指代父元素
@at-root
属性嵌套
6. SASS继承
在 Sass 中是通过关键词 @extend继承已存在的类样式块，从而实现代码的继承；实现代码组合声明，使代码更加优越简洁。 @mixin通过@include调用后解析出来的样式是以拷贝形式存在的，而@extend继承则是以联合声明的方式存在的
7. SASS混合
sass中使用@mixin声明混合，可以传递参数，参数名以$符号开始，多个参数以逗号分开，也可以给参数设置默认值。声明的@mixin通过@include来调用。
1.普通混合
2.带参数不带默认值的混合
3.带参数且有默认值的混合
4.带有多个参数的混合
5.多组值参数mixin:如果一个参数可以有多组值，如box-shadow、transition等，那么参数则需要在变量后加三个点表示
8. SASS运算
Sass支持一些算术运算，例如加号(+)，减号( - )，乘法(*)和除法(/)操作
注意：涉及优先级时以()进行优先级运算