使用scss统一配置全局的样式

使用scss统一配置全局的样式，既快捷又方便

1、定义

$baseColor: #F8F8F8;    //基础颜色

$baseFontSize:1.2rem;   //基础字体大小

$smallfontSize:1rem;       //小字号

2、使用

<div class="box">

           <div class="childBox">

            </div>

</div>

.box{

    color:$baseColor;                 //基础颜色

    font-size:$baseFontSize;     //基础字体大小

    .childBox{

        color:$baseColor;             //基础颜色

        font-size:$smallfontSize;   //小字号

    }

}