为了账号安全,请及时绑定邮箱和手机立即绑定
$box-width: 200px;
$box-height: 300px;
body {
width: $box-width;
height: $box-height;
}
小白的提问:学完这个sass不会把原来的css编译方法给颠覆了么,好复杂~~

最赞回答 / 阿炴
自己回答一下 ($i - 1) 主要是减号左右要有空格啊
回复一下楼下的。
当你达到一定的高度时,其他的先不讲,代码行数上千,你就知道sass的强大了。
写的时候合并在一起不就行了?
color:rgba(#b3b3b3, .25)sass中能这样写,css中不能
有没有一种情况,比如@mixin box-shadow($shadows...)中的参数还需要加一个如$width的参数呢
嵌套感觉维护起来会不会不方便呢
Hbulider 也可以直接编译
less好像没有输入风格的设置?
@for $i from 1 through length($width){
.box-#{nth($width,$i)}{
width:100px-10px * $i ;
}
}
扯淡、吐槽、表扬、鼓励……想说啥就说啥
@mixin 声明混合宏
@include 调用混合宏
之前看不明白。现在直接运行看结果,一下子就懂了。实践,实践,实践
嵌套输出方式 nested
展开输出方式 expanded
紧凑输出方式 compact
压缩输出方式 compressed
课程须知
对CSS有一定的了解,才可以更好的学习本课程。
老师告诉你能学到什么?
1、Sass是什么?他有什么功能? 2、Sass需要什么样的环境才能顺利运行 3、Sass语法格式和CSS有什么不一样? 4、Sass要如何编译 5、你要怎么调试Sass 6、Sass有哪些基本特性 7、Sass的控制命令能做些什么事情 8、Sass有哪些数据类型 9、Sass的函数功能

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消