sass基础（一）

　　Scss是css的预处理器，是css的扩展；它允许使用变量、嵌套规则、混合(mixins)、函数、导入等功能，并且完美的兼容 css 语法。

　　scss 和 sass 其实是两个可以互相转化的语法版本；sass 是一种缩排语法，提供了一种更简洁的 css 书写方式；它不适用花括号，而是通过缩排的方式来表达选择符的嵌套层级，就像 .pug 文件格式一样，而且也不使用分号，而是使用换行符来分割属性；scss 的全称是 sassy css，是一个 css3 语法的扩充版本。

基本使用：

　　1、变量

　　　　scss中所有变量的定义是以 $ 开头的；

　　　　在 scss 中允许使用的变量主要有六种：

　　　　　　1)、数字(例如：1.2、13、10px)；

　　　　　　2)、文本字符串，无论是否有引号(例如“foo”,'bra',baz)；

　　　　　　3)、颜色(例如blue、#04a3ddd、rgba(100,100,100,.5))；

　　　　　　4)、布尔值;

　　　　　　5)、空值；

　　　　　　6)、值列表，用空格或者逗号隔开(例如1.5rem 1rem 1.0rem、10、12、11);

　　　　　　此外，scss 还支持 css 的其他的属性值类型，例如unicode范围和 !important