Sass进阶篇_技术问答

首页免费课 Sass进阶篇问答

Sass进阶篇

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

woider

这预处理脚本的功能真多，都快把PS饭碗抢了。

2 4-5 HSL函数简介

2016-10-09

woider

css预处理脚本的用处是生成可维护的css样式。不过比较尴尬的是，大网站不屑于，小网站不需要。用的比较多的领域是开发框架和样式自定义。

0 3-8 Introspection函数

2016-10-09

woider

list 的 index 是从 1 开始的，这点一定要注意。

4 3-1 列表函数简介

2016-10-09

woider

没人评论不是课程差，是SCSS应用的太少了，很少人愿意学罢了。

0 2-4 字符串函数-To-upper-case()、To-lower-case()

2016-10-09

woider

unquote($string)：删除字符串中的引号；
quote($string)：给字符串添加引号。

0 2-2 字符串函数-unquote()函数

2016-10-09

瓦力博客

觉得sass这些函数用到还是少，可能是我写的代码少吧

0 2-4 字符串函数-To-upper-case()、To-lower-case()

2016-10-08

LLaaaalei_

一直编译不成功，最后才发现少了个花括号~也是尴尬了

1 2-4 字符串函数-To-upper-case()、To-lower-case()

2016-09-29

New_Soul

@weibo_vista2011__0 请看test6

2 2-2 字符串函数-unquote()函数

2016-09-29

New_Soul

看bootstrap4的scss比啥都强

4 1-3 @for循环（上）

2016-09-29

hubei_lijinran

进阶篇能用上的不多，看不看个人觉得无所谓

2016-09-28

慕慕6457873

@mixin class{
@each $key,$vaule in $list{
ul.#{$key}{
@include swatchesLighten($vaule);
@include swatchesDarken($vaule);
li:nth-child(11) {
background-color: $vaule;
}
}
}
}
@include class;

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

2016-09-27

慕慕6457873

给每个li加样式，这样更方便：
$list:(
red:$redBase,
orange:$orangeBase,
yellow:$yellowBase,
green:$greenBase,
blue:$blueBase,
purple:$purpleBase,
black:$blackBase
);

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

2016-09-27

慕慕6457873

@mixin border{
$index:1;
@each $var in zip(1px 2px 3px,solid dashed dotted,green blue red){

.border#{$index}{
border:$var;
}
$index:$index+1;
}
}
@include border;

3 3-6 zip()函数

2016-09-27