1. 为什么使用sass（scss）
2.vscode集成sass
3.sass的输出格式
4.sass的语法功能
5. sass的注释方式
6.sass变量
sass变量以 $开头 ；
必须先定义，再使用，否则报错；
中短线 和 下划线表示同一个变量， 通常用中短线；
全局变量 使用 !global
7.sass导入 @import
通过@import ('index.scss') 或 scss后缀可省略导入
8. Mixin 混入的使用
@mixin 混入名（参数，）{}
@include 混入名（参数）
9. @extend 指令
在设计网页时，一个元素的样式与另一个元素完全相同，但有添加额外的样式，通常在html中给元素定义两个class， 一个通用样式与 特殊样式。
通过使用extend指令 可以避免重复写样式。
继承可以多继承。层叠式 后者会覆盖前者。
占位符选择器，当父类并未实际使用时，可以使用占位符选择器。
占位符选择器类似于类选择器，以%开头。
10. sass运算符使用
== 等于 != 不等于
<(lt) >(gt) <=(lte) >=(gte)
and 和 or 或 not 逻辑非
+加 -减 *乘 /除 %取模运算
11. 流程控制函数
11.1 @if
11.2 @while
11.3 @each
11.4 @for
12. @function 自定义函数的使用
13.@if 三元条件语句
14. @use 的使用
15. @forward的使用
16.@at-root 的使用
