Sass进阶篇_技术问答

首页免费课 Sass进阶篇问答

Sass进阶篇

                
                大漠
            Web前端工程师

                    查看讲师更多课程 
                    大漠讲师的其他课程
                
Sass入门篇
中级·104427
免费课程
                                
玩转Bootstrap（JS插件篇）
中级·128648
免费课程
                                
玩转Bootstrap（基础）
初级·314544
免费课程
                                
十天精通CSS3
初级·242575
免费课程
                                
                难度中级
            
                时长 4小时55分
            
                学习人数
            
综合评分9.33
                            98人评价
                        查看评价
                                9.4
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.2
                                逻辑清晰

全部评论问答未解决精华

玩偶lpa

只需要懂字符串的命名方式就能理解了。加上空格成数组，加上其他特殊字符还算是字符串吗？

0 2-3 字符串函数-quote()函数

2017-04-27

若忆浅搁

lighten($bgcolor,.1);和lighten($bgcolor,10%)编译不同，编译值分别是
color: #ff3434;
border-color: #ff6666;，
总结：编译解析后一个参数小数为透明度值，百分数为亮度比重值。
测试验证：
.test {
border-color: rgba($bgcolor,.1);
}
编译为border-color: rgba(255, 51, 51, 0.1);与十六进制#FF3434在G和B的颜色值上差1.

0 4-6 HSL函数-lighten()

2017-04-26

若忆浅搁

发现写
.btn {
background-color: $bgcolor;
border-color: lighten($bgcolor,10%);
color: lighten($bgcolor,.1);
}
编译不同

0 4-6 HSL函数-lighten()

2017-04-26

东方既白233

自己去ruby那里去验证，记得开启sass -i

1 4-12 Opacity函数-rgba()函数

2017-04-23

东方既白233

background-color: rgba($bgcolor,.5);

1 4-2 RGB颜色函数-RGBA()函数

2017-04-23

东方既白233

跟着其他课程用compass搞了好久的sass，现在才发现有这个，有点蛋疼

0 4-1 RGB颜色函数-RGB()颜色函数

2017-04-23

东方既白233

我和楼下也有一样的感受

1 4-1 RGB颜色函数-RGB()颜色函数

2017-04-23

东方既白233

text{
color: join(blue,(red orange),space)
}

首先你要有css标签

0 3-4 join()函数

2017-04-23

桔子桔子4070686

- -学了俩天，终于把初级和这个学完了，这效率够低的了

1 5-7 @error

2017-04-22

桔子桔子4070686

@mixin border($type){
border:#{1px } if($type,solid,dash) #{ red}
}

.a{
@include border(true);
}
.b{
@include border(false);
}

0 3-13 Miscellaneous函数

2017-04-22

桔子桔子4070686

li{
width:index(1px solid red, red)#{px};

}

0 3-7 index()函数

2017-04-22

桔子桔子4070686

$list:zip(solid dashed dotted,1px 2px 3px,green blue red);

@for $i from 1 through 3{
.border#{$i}{
border:#{nth($list,$i)}
}
}

0 3-6 zip()函数

2017-04-22

桔子桔子4070686

$list:append((blue, green),red,space);

li{
width:nth($list,3);
}

0 3-5 append()函数

2017-04-22

桔子桔子4070686

$list:join(blue,(red orange),space);

li{
background:nth($list,2);
}

0 3-4 join()函数

2017-04-22

桔子桔子4070686

$list:border-bottom (4px solid blue) black;
.a{
width:nth($list,2)
}

0 3-3 nth()函数

2017-04-22

首页上一页 9 10 11 12 13 14 15 下一页尾页

开始学习

课程须知: 对CSS有一定的了解，以及最好是学习完成《sass基础篇》课程，才可以更好的学习本课程。

老师告诉你能学到什么？: 1、Sass 的控制命令 2、Sass 的函数功能 3、Sass 的函数的 @ 规则

微信扫码，参与3人拼团

热搜

最近搜索清空

Sass进阶篇