day10

今天学了什么

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)