为了账号安全,请及时绑定邮箱和手机立即绑定
课程 \ Sass入门篇

Sass入门篇

4-11 [Sass]混合宏的参数--传一个带值的参数
//welcome to imooc learn Sass
@mixin border-radius($radius:3px){
-webkit-border-radius: $radius;
border-radius: $radius;
}

.btn {
@include border-radius;
}
2019-11-28 查看完整代码
4-10 [Sass]混合宏的参数--传一个不带值的参数
//welcome to imooc learn Sass
@mixin border-radius($radius){
-webkit-border-radius: $radius;
border-radius: $radius;
}

.box {
@include border-radius(3px);
}
2019-11-28 查看完整代码
4-9 [Sass]混合宏-调用混合宏
//welcome to imooc learn Sass
@mixin border-radius{
-webkit-border-radius: 3px;
border-radius: 3px;
}

button {
@include border-radius;
}
2019-11-28 查看完整代码
4-8 [Sass]混合宏-声明混合宏
@mixin border-radius {
-webkit-border-radius: 5px;
border-radius: 5px;
}
2019-11-28 查看完整代码
1-4 Sass/SCSS 和纯 CSS 写法差很多吗?
//Welcome to imooc learning Sass
2015-08-25 查看完整代码
1-3 Sass 和 SCSS 有什么区别?
//welcome to imooc learn Sass
$width: 200px;
$height: 300px;
body{
width:$width;
height:$height;
}
2015-06-30 查看完整代码
1-2 什么是 Sass?
$side : left;
.rounded {
border-#{$side}-radius: 5px;
}
2015-06-30 查看完整代码
1-1 什么是 CSS 预处理器?
$color: red;

.test {
color: $color;
}
2015-06-30 查看完整代码
意见反馈 帮助中心 APP下载
官方微信