Sass入门篇_技术问答

首页免费课 Sass入门篇问答

Sass入门篇

                
                大漠
            Web前端工程师

                    查看讲师更多课程 
                    大漠讲师的其他课程
                
Sass进阶篇
中级·46640
免费课程
                                
玩转Bootstrap（JS插件篇）
中级·128659
免费课程
                                
玩转Bootstrap（基础）
初级·314554
免费课程
                                
十天精通CSS3
初级·243106
免费课程
                                
                难度中级
            
                时长 4小时31分
            
                学习人数
            
综合评分9.27
                            267人评价
                        查看评价
                                9.5
                                内容实用
                            
                                9.1
                                简洁易懂
                            
                                9.2
                                逻辑清晰

全部评论问答未解决精华

注释不可以单独加在属性后面吗

最新回答 / 學_霸

/* */ 是多行注释,会被编译到css文件中用// 单行注释就不会了

1 回答 1371 浏览 4-18 [Sass]注释

2017-09-06

$pro: (max,min,line); @mixin height($set,$value,$value2){ @each $pr in $pro { #{$pr}-#{$set}: $value+$value2; } } .box{ @include height(height,200px,50); } 经过测试可行结果是.box { max-height: 250px; min-height: 250px; line-height: 250px; } 不过我这个写法没啥意义

2 回答 1362 浏览 4-17 [Sass]插值#{}

2017-09-06

慕瓜6559394

初学sass者

0 1-1 什么是 CSS 预处理器？

2017-09-05

xiangxiangw29

@mixin mt($var){
margin-top: $var;
}
@mixin center{
text-algin: center;
}
.block {
@include mt(5px);

&, span {
display:block;
@include center
}
}
编译后：.block {
margin-top: 5px;
}
.block, .block span {
display: block;
text-algin: center;
}

0 4-16 [Sass]混合宏 VS 继承 VS 占位符

2017-09-05

xiangxiangw29

.sub .sa{
color: #fff;
}

.dt{
@extend .sa
}
编译后：.sub .sa, .sub .dt {
color: #fff;
}

1 4-14 [Sass]扩展/继承

2017-09-04

xiangxiangw29

.btn {
@extend %mt5;
@extend %pt5;
}
.sa{
@extend %mt5;
@extend %pt5;
}
结果：.btn, .sa {
margin-top: 5px;
}

.btn, .sa {
padding-top: 5px;
}

.btsdn,.sd {
@extend %mt5;
@extend %pt5;
}
结果：.btsdn, .sd, .sa {
margin-top: 5px;
}

.btsdn, .sd, .sa {
padding-top: 5px;
}

0 4-15 [Sass]占位符 %placeholder

2017-09-04

xiangxiangw29

这种情况下用@extend更好

0 4-13 [Sass]混合宏的参数--混合宏的不足

2017-09-04

懵逼的我

$col-width: 60px;
$col-gap: 20px;

.col-1{
width:$col-width + $col-gap;
}
@for $i from 2 through 12 {
.col-#{$i}{
@extend .col-1
}
}

0 5-5 [Sass运算]变量计算

2017-09-01

懵逼的我

$col-width: 60px;
$col-gap: 20px;

.col-1{
width:$col-width + $col-gap;
}
@for $i from 2 through 12 {
.col-#{$i}{
@extend .col-1
}
}

0 4-14 [Sass]扩展/继承

2017-09-01

nth($list,$i)是什么

最赞回答 / IHIK

是函数，可以直接访问值列表中的某一项。

2 回答 1911 浏览 5-3 [Sass运算]乘法

2017-09-01

颜色计算方式的进制

+ 我来回答回答最高可+2积分

2 回答 905 浏览 5-7 [Sass运算]颜色运算

2017-08-30

trouble_i_am_in

被CSS虐过，才知道学SASS这玩意绝对是投资

2 4-21 [Sass]值列表

2017-08-30

trouble_i_am_in

按照,进行区分传入的参数位数，依次传入混合宏参数中．感觉这样做不到参数重用．

0 4-12 [Sass]混合宏的参数--传多个参数

2017-08-30

trouble_i_am_in

例子中的那两段代码的区别在于，SASS在设置完变量后没有使用;作为后缀，并且使用缩进代替一般习惯上的{}

0 1-3 Sass 和 SCSS 有什么区别？

2017-08-30

慕仔8048826

感谢1楼的分享

0 3-12 Sass 的调试

2017-08-30

qq_阿吼_0

为什么不能看视频？出来的都是文档，还是这就是文档？没有视频

4 5-1 [Sass运算]加法

2017-08-30

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

开始学习

课程须知: 对CSS有一定的了解，才可以更好的学习本课程。

老师告诉你能学到什么？: 1、Sass是什么？他有什么功能？ 2、Sass需要什么样的环境才能顺利运行 3、Sass语法格式和CSS有什么不一样？ 4、Sass要如何编译 5、你要怎么调试Sass 6、Sass有哪些基本特性 7、Sass的控制命令能做些什么事情 8、Sass有哪些数据类型 9、Sass的函数功能

微信扫码，参与3人拼团

热搜

最近搜索清空

Sass入门篇

注释不可以单独加在属性后面吗

插值怎么用

nth($list,$i)是什么

颜色计算方式的进制