Sass入门篇_技术问答

首页免费课 Sass入门篇问答

Sass入门篇

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

dabear

$content: "Hello" + " " + "Sass!";
.box:before {
content: #{$content} ;
}

输出：
.box:before {
content: Hello Sass!;
}

0 5-8 [Sass运算]字符运算

2017-11-13

dabear

.box {
width: ((220px + 720px) - 11 * 20 ) / 12 ;
}

加减乘除运算的单位：如果两个数值单位不一致，会按照第一个数值的单位作为结果输出

0 5-6 [Sass运算]数字运算

2017-11-13

dabear

这种覆盖方式和css本身不一致 css是在声明之后的会覆盖之前的

0 4-2 [Sass]普通变量与默认变量

2017-11-12

dabear

“ 的默认变量一般是用来设置默认值，然后根据需求来覆盖的，覆盖的方式也很简单，只需要在默认变量之前重新声明下变量即可。”

摘抄自网络：连续声明两个default也是有效的，第一个default会被第二个default覆盖。第二个default会被没有声明default的变量覆盖，所以最终输出的是没有声明default的变量。

0 4-2 [Sass]普通变量与默认变量

2017-11-12

繁星_点点

&挺好用的
例如，我们a标签，原来是red，点击后变成blue
html中
<body>
<div>
<a href="#">a</a>
</div>
</body>
在scss中
div{
a{
color:$color;
}
& .active{
color:blue;
}
}
这样&的作用就来，只需要点击为a标签加入class，只是自己的一点小小的体会。

2 4-5 [Sass]嵌套-选择器嵌套

2017-11-09

一路走来彡

用@的是刚学完less过来的吧？哈哈~?

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

2017-11-09

AQYangGaGun

@mixin box-shadow($shadow...){
@if length($shadow)<1
{
$shadow:0 0 2px rgba(#000,.4);
}
box-shadow:$shadow;
}
.box{
@include box-shadow(0 0 3px rgba(#fff,.4));
}

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

2017-11-08

慕粉3836556

最上面的是直接定义的样式，其余的样式均是继承的来的

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

2017-11-02

大叔正在学前端

用phpstrom，配置下watcher就可以自动编译了。

1 3-4 [Sass]GUI 界面工具编译

2017-11-01

笨重的瘦子

为啥这一节看完了一直不显示完成，奇了怪了

1 4-2 [Sass]普通变量与默认变量

2017-10-27

ouy_d

第一：空格字符串拼接也要打出来，而且空多少格编译后就有多少格；
第二：对于有连字符'-'的属性值可以通过拆开连接。但要遵循的前提是，拆开后的词不能是关键词。
如：cursor:not -resize;会报错，因为not在sass有他的用途。
可以改成cursor:not- + resize;就不会报错了。

0 5-8 [Sass运算]字符运算

2017-10-24

咖啡浮点

$box-width: 200px;
$box-height: 300px;
body {
width: $box-width;
height: $box-height;
}

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

2017-10-22

骑着蜗牛play

SCSS从入门到入门~~

1 5-8 [Sass运算]字符运算

2017-10-20

骑着蜗牛play

小白的提问：学完这个sass不会把原来的css编译方法给颠覆了么，好复杂~~

0 4-17 [Sass]插值#{}

2017-10-20

完虐宇宙语言

回复一下楼下的。
当你达到一定的高度时，其他的先不讲，代码行数上千，你就知道sass的强大了。

4 4-17 [Sass]插值#{}

2017-10-16

首页上一页 8 9 10 11 12 13 14 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Sass入门篇