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:分配父元素的剩余的空间