Sass进阶篇_技术问答

首页免费课 Sass进阶篇问答

Sass进阶篇

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

以哪个为准？

最新回答 / 霉响郝

课程讲解的应该2%，不过这个课程应该是很早之前的，但是sassmeister默认应该是最新的sass稳定版

2 回答 1344 浏览 2-11 数字函数-min()函数、max()函数

2017-09-26

白船袜七分裤

在终端使用这些函数，却没有报错。。。

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

2017-09-26

白船袜七分裤

目前点赞最多的这个，我试了，运算可以进行, Sass version:3.5.1
》》round(3px/2em)
2px/em

1 2-7 数字函数-round()函数

2017-09-26

白船袜七分裤

这个好像是Sass中唯一一个没有加@前缀的函数？？？

0 3-13 Miscellaneous函数

2017-09-25

白船袜七分裤

1.不同单位不能相加减
2.不同单位可以乘除得到一个复合单位。
3.cm,mm可以转换成px

1 3-10 unit()函数

2017-09-25

白船袜七分裤

其实每个列表中值的个数可以不等
>>zip(1px 2px ,solid dashed dotted,green blue red)
生成(1px solid green) (2px dashed blue)
新的多维列表数目取决于原始值最少的那个列表。
但是为了安全起见，还是应该使每个单一列表值的个数相同。

1 3-6 zip()函数

2017-09-25

白船袜七分裤

最新的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

我猜你是CSS没有学好。颜色的值范围为[0,255] ，#f00(其实是#ff0000，只不过相同的可以省略)为16进制表示形式。换算以16为基数。16进制，值为0-15,但是9之后的用A-F来表示.因此是0-9，A-F.（A=10，以此类推）。随便看一个例子：我们的终端颜色为#800080，每两个算一种颜色。每个颜色的值为：red：80=> 8*16^1 + 0*16^0 = 128; green:00=> 0*16^1 + 0*16^0 = 0; blue:80=>8*16^1...

1 回答 1284 浏览 4-4 RGB颜色函数-Mix()函数

2017-09-15

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

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Sass进阶篇

以哪个为准？

为什么和老师的结果不一样