Sass相关概念

一.什么是Sass?
二. sass基于什么环境? ruby
1. 安装ruby
2. 安装sass : gem install sass,
三. 准备编译sass?
1. 考拉
2. gulp : gulp-sass gulp-cssnano(cnpm) gulp-clean-css(npm) gulp-rename ,
四. sass的输入方式有哪四种?
五. 1. 导入 : @import 文件名;
如果避免编译在文件名前加一个下划线
2. 嵌套: 选择器嵌套/属性嵌套/伪类嵌套,
1. & : 父选择器,
3. 变量: $变量名 : 值;
1> 一般调用 : 以值的形式,
2> 特殊调用 : 以属性的形式 #{变量名},
4. 数组 : $数组名 : 值 值 值;
5. map : $map:(key:value,key:value);1>length($map) : map长度,
2> map-get($map,key):通过key获取到指定$map中的值,
3> map-keys($map):获取所有的,4>map-values($map) : 获取所有的value,
5> map-has-key($map,key):判断$map中是否有指定的key,
6> map-merge($map1,$map2) : 合并map,
7> map-remove($map,key) : 删除属性,
6. 选择: @if @else if @else,
7. 循环:
1> @for 变量名 from start through end{}
2> @for 变量名 from start to end{}
8. 遍历数组:
$each 变量名 in 数组{}
9. 混合器
@mixin 宏名(变量名){}
@mixin 宏名{}
@include 宏名()
10. 函数
@function 函数名(参数){
@return …;
}
11. 继承 @extend 选择器;