Sass进阶篇_学习笔记

首页免费课 Sass进阶篇笔记

Sass进阶篇

                
                大漠
            Web前端工程师

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

最热最新

怀揣梦想的小白

关于透明函数 1表示不透明 0表示透明

查看全部

0 采集收起来源：Opacity函数-transparentize()、 fade-out()函数
2018-12-21
怀揣梦想的小白

大于1 以1计算表示无透明值
这两个函数等效

查看全部

0 采集收起来源：Opacity函数-opacify()、fade-in()函数
2018-12-21
怀揣梦想的小白

使颜色饱和度为0

查看全部

0 采集收起来源：HSL函数-grayscale()函数
2018-12-21
怀揣梦想的小白

-360----360之间，会进行逆运算

查看全部

0 采集收起来源：HSL函数-adjust-hue()函数
2018-12-21
怀揣梦想的小白

此处的颜色值是直接在原有的亮度上+百分比，是简单的加法运算，而不是复杂的百分比计算
例如37%+70%=104%
而不是37%+37%*70%

查看全部

1 采集收起来源：HSL函数-lighten()
2018-12-21
怀揣梦想的小白

接收三个参数前两个是想混个的颜色，第三个是比例值

查看全部

0 采集收起来源：RGB颜色函数-Mix()函数
2018-12-21
怀揣梦想的小白

keywords($args) 动态创建数组，所谓动态即是根据需要加载对应的内容，从而创建一个数组
浅析:①定义@mixin map(&args...){
@debug keywords($args);
}
②使用 @include map{
$dribble:#ea4c89
}
结果：调用了debug方法里面的值是DEBUG(dribble:#ea4c89)

查看全部

0 采集收起来源：Sass Maps的函数-map-remove($map,$key)、keywords($args)
2018-12-21
怀揣梦想的小白

若有相同的key名则后者取代前者

查看全部

0 采集收起来源：Sass Maps的函数-map-values($map)、map-merge($map1,$map2)
2018-12-20
怀揣梦想的小白

自定义函数 @function xxx

查看全部

0 采集收起来源：Sass Maps的函数-map-has-key($map,$key)
2018-12-20
怀揣梦想的小白

相当于数组
$定义一个变量(
key:value
)
可嵌套

查看全部

1 采集收起来源：Map
2018-12-20
怀揣梦想的小白

这里的comparable()函数是比较两个函数是否可以进行合并，即加减，而不是java中的比较两个对象的大小

查看全部

1 采集收起来源：comparable()函数
2018-12-20
怀揣梦想的小白

index(list,item)
找到当前item在list 中的位置，注意索引从1开始而不是0

查看全部

1 采集收起来源：index()函数
2018-12-20
怀揣梦想的小白

把每一个列表的相同项组合，因此每个列表的属性数量必须相同

查看全部

1 采集收起来源：zip()函数
2018-12-20
怀揣梦想的小白

join（）有两个参数
第一个是排序的列表，最多两个
第二个参数是comma或者space，表示分隔符是，或者空格

查看全部

1 采集收起来源：join()函数
2018-12-20
怀揣梦想的小白

length()中的内容用空格隔开，不能用逗号

查看全部

1 采集收起来源：length()函数
2018-12-20

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

0/150

提交

取消

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Sass进阶篇