day10

作者: a5033edd03f9 | 来源:发表于2017-12-05 21:25 被阅读0次

    今天学了什么

    1//mixin的强大之处,在于可以指定参数和缺省值。

         @mixin left($value: 10px) {
        float: left;
        margin-right: $value;
    }
    div {
        @include left(20px);
      }
    

    2Mixin 是可以重用的代码块

       @mixin left {
        float: left;
        margin-left: 10px;
      }
    
    div {
        @include left;
      }
    

    //可以传递多个参数

         @mixin wh($w:100px,$h:100px) {
        width:$w;
            height:$h;
    }
    div {
        @include wh(200px,200px);
      }
    
    

    学会了什么

    1//mixin的强大之处,在于可以指定参数和缺省值。

         @mixin left($value: 10px) {
        float: left;
        margin-right: $value;
    }
    div {
        @include left(20px);
      }
    

    2Mixin 是可以重用的代码块

       @mixin left {
        float: left;
        margin-left: 10px;
      }
    
    div {
        @include left;
      }
    

    不会什么

    //可以传递多个参数

         @mixin wh($w:100px,$h:100px) {
        width:$w;
            height:$h;
    }
    div {
        @include wh(200px,200px);
      }
    
    

    相关文章

      网友评论

          本文标题:day10

          本文链接:https://www.haomeiwen.com/subject/oclhixtx.html