今天学了什么
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);
}
网友评论