为了账号安全,请及时绑定邮箱和手机立即绑定
Sass 扩展了 CSS 的 @import 规则,让它能够引入 SCSS 和 Sass 文件。 所有引入的 SCSS 和 Sass 文件都会被合并并输出一个单一的 CSS 文件。
色相是色彩特征,比如蓝色是冷色,红色是暖色,两个颜色在色相环的位置是相对的,adjust-hue() 函数就是根据色相环调整色彩值。
话说研究色相不是设计师的工作吗,为什么工程师也要参一脚啊。
这预处理脚本的功能真多,都快把PS饭碗抢了。
css预处理脚本的用处是生成可维护的css样式。不过比较尴尬的是,大网站不屑于,小网站不需要。用的比较多的领域是开发框架和样式自定义。
list 的 index 是从 1 开始的,这点一定要注意。
没人评论不是课程差,是SCSS应用的太少了,很少人愿意学罢了。
unquote($string):删除字符串中的引号;
quote($string):给字符串添加引号。
觉得sass这些函数用到还是少,可能是我写的代码少吧
一直编译不成功,最后才发现少了个花括号~也是尴尬了
@weibo_vista2011__0 请看test6
看bootstrap4的scss比啥都强
进阶篇能用上的不多,看不看个人觉得无所谓
@mixin class{
@each $key,$vaule in $list{
ul.#{$key}{
@include swatchesLighten($vaule);
@include swatchesDarken($vaule);
li:nth-child(11) {
background-color: $vaule;
}
}
}
}
@include class;
给每个li加样式,这样更方便:
$list:(
red:$redBase,
orange:$orangeBase,
yellow:$yellowBase,
green:$greenBase,
blue:$blueBase,
purple:$purpleBase,
black:$blackBase
);
@mixin border{
$index:1;
@each $var in zip(1px 2px 3px,solid dashed dotted,green blue red){

.border#{$index}{
border:$var;
}
$index:$index+1;
}
}
@include border;
课程须知
对CSS有一定的了解,以及最好是学习完成《sass基础篇》课程,才可以更好的学习本课程。
老师告诉你能学到什么?
1、Sass 的控制命令 2、Sass 的函数功能 3、Sass 的函数的 @ 规则

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消