Sass进阶篇_技术问答

首页免费课 Sass进阶篇问答

Sass进阶篇

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

zeter

直接写在最外层的同学，那样你的代码就会丑···本来按照bem规范的要求你可以一级嵌套一级，结果css表又变成了一大坨乱的，这样之后会不好维护，尤其是在项目大的时候经常需要维护上百份样式表

0 5-4 @at-root

2017-11-18

dabear

lighten($baseColor,10); 等价于 lighten($baseColor,10%);

0 4-6 HSL函数-lighten()

2017-11-14

qq_枫藤_0

终于，没有好好看函数的我现在要回去看一眼函数了

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

2017-10-31

qq_枫藤_0

$theme-color: ( default: ( bgcolor:#fff, text-color:#444, link-color:#39f ), primary: ( bgcolor:#000, text-color:#fff, link-color:#93f ), negative: ( bgcolor: #f36, text-color: #fefefe, link-color: #d4e ) );

.btn-default {
color: map-get( map-get($theme-color,default),bgcolor);
}

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

2017-10-31

黄永泰

comparable

0 3-12 comparable()函数

2017-10-28

骑着蜗牛play

老师辛苦了 ~~

0 1-1 Sass课程简介

2017-10-20

mop18mop183811015

@mixin swatchesColor($color){
@for $i from 1 through 21{
li:nth-child(#{$i}){
$bgc:if($i<=11,lighten($color,55-$i*5), darken($color,$i*5-55 ));
background-color:$bgc;
&:hover:before{content:"#{$bgc}";color:lighten($bgc,40);
font-family:verdana;font-size:8px;padding:2px;
}}}}

0 4-15 颜色函数实战——七色卡

2017-10-19

前端asdf

越往后学越感觉虽然规则多了，但对于以后的维护修改会有很大的方便

0 1-2 @if

2017-10-12

鬼谷子zz

看到那说有什么用的，真的想给他一巴掌

2 3-12 comparable()函数

2017-09-30

白船袜七分裤

Ezio6
你瞎瘠薄写，哪能传参？？？

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

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

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Sass进阶篇