sass优点:用户多，更容易找到会用scss的开发，更容易找到scss的学习资源；可编程能力比较强，支持函数，列表，对象，判断，循环等；相比less有更多的功能；Bootstrap/Foundation等使用scss；丰富的sass库：Compass/Bourbon；sass缺点:在公司内部安装nodesass会失败，需

/配置sass用gulp自动编译sass变量计算功能嵌套注释代码重用继承Mixin颜色函数插入文件高级用法条件语句循环语句自定义函数/一、配置sass用gulp自动编译sassSASS是Ruby语言写的，必须安装Ruby，再安装SASS，基于g

特点：1.在css基础上增加特性：变量、嵌套（nesting）、混合（@mixin）、继承（@extend）；2.通过函数进行颜色值与属性值的运算；3.提供控制指令等高级功能；4.自定义输出指令；数据类型：Sass和JavaScript语言类似，也具有自己的数据类型，在Sass中包含以下几种数据类型：1\

变量可以让整个网站保持一致性。你可以定义一个变量，然后在其他地方引用它，而不必再重复相同的值。要改这些值，只需在定义变量的那一个地方修改。下面的Sass代码包含两个变量：$primarycolor，$secondarycolor$primarycolor:orange;$secondarycolor:gold;

Sass扩展了CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass生成良好格式化的CSS代码，易于组织和维护。SASS是对CSS3（层叠样式表）的语法的一种扩充，它可以使用巢状、混入、选择子继承等功能，可以更有效有弹性的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用，也就是说它本身的语法并不太容易让浏览

本节我们学习Sass中的变量，那么什么是变量呢？Sass中的变量可以用来存储一些信息，并且重复使用。变量可以存储的信息包括字符串、数字、布尔值、颜色值等等。声明变量Sass中声明变量需要用到$符号，格式为：$变量名:变量值;示例：例如下面我们定义一个变量，并给这个变量赋了一个颜色

sass基于Ruby       ruby的模块管理器叫gem 正规的安装方式是geminstallsass        调用命令  sass  sass文件  css文件webpack编译sass    需要的模块styleloader cssloader sas

本节我们学习Sass中的@media指令，@media指令用于设置样式规则到不同的媒体类型，这和CSS的使用规则差不多，但是它还有一点不同，就是@media指令可以嵌套在Sass选择器中。有点类似于JS冒泡功能，它会冒泡到样式表的顶层。@media指令的使用示例：.xkd{

嵌套规则(NestedRules)Sass允许将一套CSS样式嵌套进另一套样式中，内层的样式将它外层的选择器作为父选择器mainp{color:00ff00;width:97%;.redbox{

本节我们学习Sass中的运算，一般的编程语法中都支持使用运算，Sass中同样可以做各种数学运算，包括最基本的加减乘除运算、变量运算、颜色运算、字符运算等。本节我们主要讲一下Sass中最基本的数学运算。加法运算加法运算是Sass中基本运算之一，在变量或者属性中都可以做加法运算。示例：$num