一.什么是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 : m a p : ( k e y : v a l u e , k e y : v a l u e ) ; 1 > l e n g t h ( map : (key : value,key : value); 1> length( map:(key:value,key:value);1>length(map) : map长度, 2> map-get( m a p , k e y ) : 通 过 k e y 获 取 到 指 定 map,key) : 通过key获取到指定 map,key):通过key获取到指定map中的值, 3> map-keys( m a p ) : 获 取 所 有 的 , 4 > m a p − v a l u e s ( map) : 获取所有的, 4> map-values( map):获取所有的,4>map−values(map) : 获取所有的value, 5> map-has-key( m a p , k e y ) : 判 断 map,key) : 判断 map,key):判断map中是否有指定的key, 6> map-merge( m a p 1 , map1, 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 选择器;
