scss

浏览器只能读css文件 所以要转换为css

变量

声明变量

$bg=#f5f5f5;

使用变量

background-color:$bg;

嵌套语法

模块引入

引入scss文件复用

@import './base.scss';

样式混入----要先引入模块

样式复用-几处小小样式相同时使用

定义要混入样式

@mixin mystyle {
    background-color:red;
    width:15px;
}

引入混入样式

.box {
    @include mystyle;
}