Sass进阶篇_技术问答

首页免费课 Sass进阶篇问答

Sass进阶篇

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

qiaoer2017

把一个数变成百分比，挺重要的一个函数啊！为什么会觉得没有用呢？比如你想让某一列占屏幕的1/12，就可以通过percentage将它变成一个百分数

2 2-6 数字函数-percentage()

2016-09-10

wwwwwww

https://github.com/ww18/scssRealizeRenalbe/tree/master，用简洁的方法实现了上面的功能，大家可以去看看，有更好的建议欢迎提出

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

2016-09-09

奋斗好青年

To-upper-case() 函数将字符串小写字母转换成大写字母；
To-lower-case() 函数将字符串转换成小写字母。

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

2016-09-09

奋斗好青年

区别是关键字 through 表示包括 end 这个数，而 to 则不包括 end 这个数

0 1-3 @for循环（上）

2016-09-08

neoyoun

$sizeType:bg md sm xs;
$fullwidth:100%;
@for $i from 1 through 12{
.col-#{nth($sizeType,1)}-#{$i},.col-#{nth($sizeType,2)}-#{$i},.col-#{nth($sizeType,3)}-#{$i},.col-#{nth($sizeType,4)}-#{$i}{
width:$fullwidth/12 * $i;
}
}
不知道这样是不是Bootstrape 的grid

0 1-3 @for循环（上）

2016-09-06

昵称无效

sass的导入(@import)规则和CSS的有所不同，编译时会将@import的scss文件合并进来只生成一个CSS文件。但是如果你在sass文件中导入css文件如@import 'reset.css'，那效果跟普通CSS导入样式文件一样，导入的css文件不会合并到编译后的文件中，而是以@import方式存在。
所有的sass导入文件都可以忽略后缀名.scss。一般来说基础的文件命名方法以_开头，如_mixin.scss。这种文件在导入的时候可以不写下划线，可写成@import "mixin"。

0 5-1 @import

2016-09-06

昵称无效

还......

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

2016-09-06

慕粉3843320

很不错nice

0 1-6 @each循环

2016-08-31

Littlombie

$zips:zip(solid dashed dotted,1px 2px 3px,green blue red);
.test-zip {
content:length($zips);
}
@for $i from 1 to (length($zips)+1){

.test-#{$i}{
border:nth($zips,$i);
}
}

0 3-6 zip()函数

2016-08-30

Littlombie

$str:blue,green,#fff,#000;
$ss:append((blue, green),red,comma);
$ff:append($str,#f00,space);
.test-app {
content:length($ff),$ss;
}

0 3-5 append()函数

2016-08-30

Littlombie

$joins: join(blue,(red orange),space);

$nth:$joins;

.test-join {

content:length($joins);

}

@for $i from 1 through (length($nth)) {

.test-#{$i}{

color: nth($nth,$i);

}

}

0 3-4 join()函数

2016-08-30

醒晨

@mixin blockOrHidden($b:true){
@if $b{
background-color: aquamarine;
width: 500px;
height: 500px;
}
@else {
background-color: brown;
width: 500px;
height: 500px;
}
}

.divO{
@include blockOrHidden();
}

.divT{
@include blockOrHidden(false);
}

0 1-2 @if

2016-08-29

醒晨

为什么前端的工资比大部分职业高？为什么有的人穷一辈子？如果学习web那么简单，随随便便就可以学好，想菜市场的白菜一样，竞争力哪来那么强？不想学的同学就省省吧，不要破坏其他同学的学习情绪。

31 1-2 @if

2016-08-29

慕粉3659316

我和楼下也有一样的感受

0 4-1 RGB颜色函数-RGB()颜色函数

2016-08-28

海岛心hey

game over

0 5-7 @error

2016-08-24

海岛心hey

这个函数在页面的配色中挺有用的

0 4-5 HSL函数简介

2016-08-24

首页上一页 27 28 29 30 31 32 33 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Sass进阶篇