Sass进阶篇_技术问答

首页免费课 Sass进阶篇问答

Sass进阶篇

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

赤坎

.casl{

text:percentage(5);
text:round(52.3);
text:ceil(2.6);
text:floor(3.3);
text:abs(-55);
text:min(55,23);
text:max(36,25);
text:random(1);
}

1 2-5 数字函数简介

2017-03-14

原因是-1之间要留空格，但是为什么呢？

已采纳回答 / zephy

不留空格的时候，会吧$types-1当做一个变量表达式，当前上下文没有这个变量，当然会报错

2 回答 1623 浏览 1-5 @while循环

2017-03-14

火星上的鱼

课程完结撒花，去搜搜实例加深印象去！

0 5-7 @error

2017-03-13

火星上的鱼

这个看着就头晕···咱前端好像工作中也用不到

1 4-5 HSL函数简介

2017-03-13

Ezio6

@each $keys,$values in $theme-color{
.theme-color-#{$keys}{
@each $key,$value in $values{
#{$key}:#{$value}
}
}
}

8 3-14 Map

2017-03-10

Ezio6

$a:type-of(false);

$b:type-of(green);

$c:type-of(10 / 5 = 2);
.test{
content:$a,$b,$c
}

2 3-9 Introspection 函数 -type-of()

2017-03-10

Ezio6

div{
border:nth(border-bottom (4px solid blue) black,2);
}

0 3-3 nth()函数

2017-03-10

Ezio6

body{
width:length(5px 88px (border 66px solid) 4em (border 8em solid));
}

0 3-2 length()函数

2017-03-10

Ezio6

body{
width:random(100)px;
}

0 2-12 数字函数-random()函数

2017-03-10

火星上的鱼

3px/2em这个运算不能进行吧？

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

2017-03-10

鬼子陸3939476

$list: border-bottom (4px solid blue) black;

.text {
content: nth($list,2);
}

0 3-3 nth()函数

2017-03-09

恋上天空的驴

~媳~妇~ 生~

0 5-7 @error

2017-03-06

恋上天空的驴

乍一看一楼说的确实很有道理，但是看完二楼的demo还是手贱的点了个赞，因为他娘的确实人外有人，很精辟的例子。但是其实一般项目中动画我相信我们会写一个animation.scss 在里面写上全部的动画，这样子就尴尬了，二楼的案例又不成立。总结：适合小项目中不需要太高度提取样式的项目，直接将每一个元素的属性直接写在内部。你懂得。。

4 5-4 @at-root

2017-03-06

-webkit-min-device-pixel-ratio: 1.5 这怎么使用兼容性怎么样求谁给我私信解释下

最新回答 / 乐只君子

媒体查询用的。不建议用这个，这个貌似不是标准。使用resolution 和 dppx 代替<...code...>

1 回答 2050 浏览 5-2 @media

2017-03-06

恋上天空的驴

这一章请大家跳过前端没用

1 4-5 HSL函数简介

2017-03-05

恋上天空的驴

还有人在坚持，哥都是第二回来了，坚持在有半个小时就完了，真费劲啊，为了点钱也是只能这么拼了，后面还有两个课程 sass+compass初级以及高级。。。。。

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

2017-03-05

首页上一页 16 17 18 19 20 21 22 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Sass进阶篇

原因是-1之间要留空格，但是为什么呢？

-webkit-min-device-pixel-ratio: 1.5 这怎么使用 兼容性怎么样 求谁给我私信解释下

-webkit-min-device-pixel-ratio: 1.5 这怎么使用兼容性怎么样求谁给我私信解释下