简介

SCSS是css语法的扩充，所有样式符合css3的样式表，下面记录下小白经常使用到的。

变量

可以将变量定义在一个文件中，方便其他文件引用

// constans.scss
$pageWidth:1170px;

$navHeight:64px;

$mainboxWidth:798px;

$sidebarWidth:356px;

引用

@import "constants";

代码嵌套

.header{
    width: 100%;
    height: $navHeight;
    background: #3a3a3a;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    .container{
        width:$pageWidth;
        height: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
}