12.26

### 
日期：12.26
    Sass预处理技术 css框架
    Sass有两种语法格式：Scss Sass
    Scss #dome {
            color:red;
        }
    Sass #demo 
          color:red;
    变量：$width-color:red; 定义变量
          color:$width-color; 使用变量
    中划线和下划线都可以被识别
    嵌套规则
        & 父级标识符
        .nav a{
            color: red;
            text-decoration: none;
            &:hover{
                color: green;
            }
        }
        群组选择器：
        .container {
            h1,h2,h3 {margin-button:8px;}
        }
        层次选择器 > + ~
            .nav{
                button{
                    width: 100px;
                    height: 50px;
                    border: 1px solid gold;
                    background-color: gold;
                }
                >div{
                    font-size: 20px;
                }
                +div{
                    margin-top: 50px;
                }
                ~ul{
                    list-style: none;
                }
            }
        嵌套属性
                boredr:{
                    width:5px;
                    color:red;
                }
    Sass文件的导入
        !default 默认变量值
        嵌套导入 @import "scss文件名"
        静默注释：/* */ 会同步到对应css文件中
                 // 则会不同步到对应css文件中