移动端sass知识点(一)

sass是CSS预处理器。

sass的格式
  文件.sass  忽略css中的分号和花括号 例如：div width:100px height:100px
  文件.scss  和css中的格式保持一致
    注意：代码必须写在scss中，永远不要修改css文件

编译出来的文件：
  style.css 简洁版 
  style.min.css 压缩版

注释：
  // 单行注释：不会编译到css文件中
  /* 多行注释：会编译到css文件中 */

变量：
  声明变量：$变量名：值  普通变量
  调用变量：$变量名
  注意：只能在定义完之后使用，否则报错
        在普通变量之后加!default被称为默认变量，默认变量的优先级要比普通变量低

嵌套：
  选择器嵌套：最优的方式是三层嵌套不超过四层，超过不优化性能很低
  属性嵌套：基本不用，只有复合属性才能嵌套
  注意：&表示父元素

混合宏：
  声明：@mixin 宏的名称(参数为变量，可有可没有){}
  调用：@include 宏的名称(可改变参数)
  分类：没有参数且没有默认值
        有参数和默认值
  注意：参数只要有一个变化，其他参数不变化也必须传参，否则位置不对应

函数：
  声明：@function 函数名{函数体 @return 返回值}

响应式布