Sass进阶篇_学习笔记

首页免费课 Sass进阶篇笔记

Sass进阶篇

                
                大漠
            Web前端工程师

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

最热最新

SidWA

unquote(str)会去掉最外侧一组单引号或者双引号；quote（str）会增加一组双引号，最外侧已经有单引号的会换成双引号，串内包括特殊字符的最外侧需要加引号，否则报错

查看全部

0 采集收起来源：字符串函数-quote()函数
2017-02-16
empty_back

floor();向下取整四舍五入 ceil();向上取整无需四舍五入 round();向上取整四舍五入

查看全部

0 采集收起来源：数字函数-floor()函数
2017-01-12
empty_back

同时 quote() 碰到特殊符号，比如： !、?、> 等，除中折号 - 和下划线_ 都需要使用双引号括起，否则编译器在进行编译的时候同样会报错：

查看全部

0 采集收起来源：字符串函数-quote()函数
2018-03-22
empty_back

.test1 { content: quote(Hello Sass); } 字符串Hello Sass中间不能有空格

查看全部

0 采集收起来源：字符串函数-quote()函数
2017-01-12
殷崔斯艇

opacity属性时css中专门用来指定透明度的一个属性，取值范围也在0-1之间，0表示完全透明，1表示不透明。使用alpha通道对元素设定透明度时，可以单独针对元素的背景色和文字颜色等来指定透明度，而opacity属性只能指定整个元素的透明度。

查看全部

0 采集收起来源：Opacity函数-alpha()、opacity()函数
2017-01-11
ehuo0123

由于对色彩知识并没有深入的了解，就以图片表观上从左到右亮度逐渐变小为依据，来写CSS 下面来分析图片，从上到下分别是红、橙、黄、蓝、绿、紫、黑七种颜色，共7行。每行都有21列，从左到右，亮度逐渐变小。最左列为纯白，最右列为纯黑。所以，可以以最中心列的颜色为起点，向左10列，每列亮度增加10%，最左列亮度为100%。向右10列，每列亮度减小10%，最右列亮度为0% 使用量图工具，量得每一行中心列的颜色值从上到下分别为：#e02744、#ec8a00、#fae200、#91de00、#47c9f2、#a500fe、#848484 下面要使用SASS中关于亮度改变的函数：darken()让颜色变暗和lighten()让颜色变亮在lighten()函数中，参数amount为50%，则为全白。所以，第1到第10列的参数amount为从50%到5%；类似地，在darken()函数中，参数amount为50%，则为全黑。所以，第12到第21列的参数amount为从5%到50%

查看全部

1 采集收起来源：颜色函数实战——七色卡
2017-01-02
_莫忘初衷_

opacity属性时css中专门用来指定透明度的一个属性，取值范围也在0-1之间，0表示完全透明，1表示不透明。使用alpha通道对元素设定透明度时，可以单独针对元素的背景色和文字颜色等来指定透明度，而opacity属性只能指定整个元素的透明度。

查看全部

0 采集收起来源：Opacity函数-alpha()、opacity()函数
2016-12-30
_莫忘初衷_

如果你有一个 SCSS 或 Sass 文件需要引入，但是你又不希望它被编译为一个 CSS 文件，这时，你就可以在文件名前面加一个下划线，就能避免被编译。这将告诉 Sass 不要把它编译成 CSS 文件。然后，你就可以像往常一样引入这个文件了，而且还可以省略掉文件名前面的下划线。例如，你有一个文件叫做 _colors.scss。这样就不会生成 _colors.css 文件了，而且你还可以这样做： @import "colors";//不用加下划线来引入 _colors.scss 文件。注意，在同一个目录不能同时存在带下划线和不带下划线的同名文件。例如， _colors.scss 不能与 colors.scss 并存。

查看全部

0 采集收起来源：@import
2018-03-22
weibo_朱宁博4097020

$color: #f36; .body { @if red($color) > 50 { color: #fff; } @else if red($color) < 50 { color:#000; } } // $rgbaColor: unquote('#'+red($color)); .div1 { color:red($color) ; color:#{red($color)}; color: unquote('#' + red($color)); color:'#'+'#{333}'; color:$rgbaColor; color: rgba( $rgbaColor , .6); }

查看全部

0 采集收起来源：RGB颜色函数-Red()、Green()、Blue()函数
2018-03-22
团酱

length($list)：返回一个列表的长度值； nth($list, $n)：返回一个列表中指定的某个标签值 join($list1, $list2, [$separator])：将两个列给连接在一起，变成一个列表； append($list1, $val, [$separator])：将某个值放在列表的最后； zip($lists…)：将几个列表结合成一个多维的列表； index($list, $value)：返回一个值在列表中的位置值。

查看全部

0 采集收起来源：列表函数简介
2016-12-21
团酱

1、percentage($value):讲一个不带单位的数转换成百分比； 2、round($value):将数值四舍五入，转换成一个最接近的整数； 3、ceil($value):将大于自己的小数转换成下一位整数； 4、floor($value):将一个数去除他的小数部分； 5、abs($value):绝对值 6、min($number...):几个数之间的最小值 7、max($number...):几个数之间的最大值 8、random():获取随机数

查看全部

0 采集收起来源：数字函数简介
2016-12-20
慕粉1013446322

啦啦

查看全部

0 采集收起来源：Sass课程简介
2016-12-19
Lubywu

在RGB函数中，主要主要是rgba()和mix()函数，rgba() 函数将rgb 颜色转换成十六进制颜色表达式，mix() 函数将两颜色等比例混合得到一个新颜色

查看全部

0 采集收起来源：RGB颜色函数-RGB()颜色函数
2016-12-17
Lubywu

length 函数返回列表的长度有几个值，各值用空格隔开，不能使用逗号

查看全部

0 采集收起来源：length()函数
2016-12-17
Lubywu

nth($list, $n); 指定列表中的某个位置的值

查看全部

0 采集收起来源：nth()函数
2016-12-17