Sass（Scss）的导入、注释和混合器

1、导入sass/scss文件

1.可以直接在sass/scss文件中导入 

   @import ' css/sass.scss' （后缀名可以省略@import ' css/sass'）

2.嵌套导入：

   css.scss文件（div{ color : #f00 ; }）

   sass.scss文件（nav{ @import ' css ' }）

2、sass/scss的注释

1. ' // ' : 这种注释不会出现在生成后的css文件中

2. ' /* */ ' : 这种会出现在生成后的css文件中

3、混合器（避免属性和属性值的重复）（混合宏）

声明：@mixin

调用：@include

4、混合器：不带任何值的参数

先设置变量名，再给变量名设置参数

（相当于js中的函数一样function( )）

5、传一个带值参数（传入一个默认值）

在设置变量名同时设置参数

6、传多个参数值

@mixin size($width,$height){

    width:$width;

    height:$height;

}

.div{

//  @include size(300px,100px);//按顺序

    @include size($width:300px,$height:100px);//不按顺序

}

（可以不用按顺序）