1、什么是sass?

SASS是一种CSS的开发工具(预处理器)，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发变得简单

2、sass的后缀名  

.scss  .sass

3、scss的语法

a、变量$变量名:值；

b、支持运算功能  + - * / 运算的时候可以带单位

c、scss中的嵌套

选择器嵌套

属性嵌套：

4、scss中的注释

//  单行注释  /* */多行注释

5、弹性盒

将盒子设置为弹性盒，给父类元素设置  display:flex;

弹性盒子元素的排列方式和主轴的方向一致。

如果将父元素设置为弹性盒  主轴默认的为水平轴

如果想改变父元素的主轴的方向 通过 flex-direction这个属性去设置

flex-direction:row|row-reverse|column|column-reverse

默认的为row  主轴与水平轴的方向一致

flex-grow:分配父元素的剩余的空间