Sass进阶篇_技术问答

首页免费课 Sass进阶篇问答

Sass进阶篇

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

白船袜七分裤

最新的Sass版本，找不到的话，返回null, 不是false.

4 3-7 index()函数

2017-09-25

白船袜七分裤

创建list类型数据时，可以使用空格，逗号，小括号
$list: 30px 50px , 20 60 ;这样是可以的
而使用length()函数时，只有最里面一层的括号中可以使用逗号
length(1 2 3 )=>3 一般用法
length(1 (2,3) 4)=>3 这种就不会报错，但注意只有里面一层能用逗号。

1 3-2 length()函数

2017-09-25

绝世小汤圆

0.0... 真的人少、、、

0 3-18 Sass Maps的函数-map-keys($map)

2017-09-20

qq_晚安_33

https://www.sassmeister.com/在线转换器

0 3-11 unitless()函数

2017-09-14

KB_Handler

$color: #BB16FF;
$lt: lightness($color);
.primary{
background: $color;
}

.lighter {
background: lighten($color,(100% - $lt)*1.4);

}
.darker {
background: darken($color,(100% - $lt)*1.5);
}

0 4-6 HSL函数-lighten()

2017-09-13

KB_Handler

我想 keywords($args)的主要作用是针对混合宏和函数，想将map（键值对）作为参数传递进去而设立的吧！

0 3-20 Sass Maps的函数-map-remove($map,$key)、keywords($args)

2017-09-12

KB_Handler

$social-colors: (
taobao: #000,
twitter: #fff,
facebook: #35d
);

@each $key, $value in $social-colors {
.btn-#{$key} {
color: $value;
}
}

2 3-18 Sass Maps的函数-map-keys($map)

2017-09-12

KB_Handler

$social-colors: (
dribble: #ea4c89,
facebook: #3b5998,
github: #171515,
google: #db4437,
twitter: #55acee
);

.btn-weibo{
font-size: 12px;
@if map-get($social-colors,weibo) == null {
color: null;
}
color: map-get($social-colors,weibo);
}

0 3-16 Sass Maps的函数-map-get($map,$key)

2017-09-12

KB_Handler

$list:zip(1px 2px 1px, solid dashed dotted, red green pink);
@for $i from 1 through 3 {
.box-#{$i} {
border: nth($list,$i);
}
}

2 3-6 zip()函数

2017-09-11

KB_Handler

PHP中多维数组的意思

0 3-6 zip()函数

2017-09-11

KB_Handler

jion($list1, $list2, $separator)

0 3-4 join()函数

2017-09-11

KB_Handler

ceil(1em / 5px) 的计算结果为 1em/px 但这结果并不符合CSS语法所以不予输出那么我想sass提供这种计算方式有何意义呢？难道是要准备内部自己调用再次复合计算的意思吗？

0 2-8 数字函数-ceil()函数

2017-09-11

KB_Handler

目测scss 就是javascript php css 大融合吗？

0 2-5 数字函数简介

2017-09-11

KB_Handler

content: quote("hi,\"Danny\""); 试试这个看输出！哈哈哈哈哈哈

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

2017-09-11

KB_Handler

大神都不讲话的。。。。。

0 2-1 Sass的函数简介

2017-09-11

首页上一页 2 3 4 5 6 7 8 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Sass进阶篇