为了账号安全,请及时绑定邮箱和手机立即绑定
  • unquote()函数:如果字符没有带引号,返回的将是字符串本身 ——注意,这个 "不带引号的字符串 "不能带感叹号这样的标点
    查看全部
  • 可能会实用的编写技巧,多回顾~
    查看全部
  • 这两个的区别是关键字 through 表示包括 end 这个数,而 to 则不包括 end 这个数。
    查看全部
    0 采集 收起 来源:@for循环(上)

    2016-07-19

  • Sass 中的 @extend 是用来扩展选择器或占位符。比如: .error { border: 1px #f00; background-color: #fdd; } .error.intrusion { background-image: url("/image/hacked.png"); } .seriousError { @extend .error; border-width: 3px; } 被编译为: .error, .seriousError { border: 1px #f00; background-color: #fdd; } .error.intrusion, .seriousError.intrusion { background-image: url("/image/hacked.png"); } .seriousError { border-width: 3px; }
    查看全部
    0 采集 收起 来源:@extend

    2018-03-22

  • 假设要引入的样式文件`example.scss`文件中包含这样的代码: .example { color: red; } 然后这样引用: #main { @import "example"; } 编译出来的 CSS: #main .example { color: red; }
    查看全部
    0 采集 收起 来源:@import

    2018-03-22

  • 如果你有一个 SCSS 或 Sass 文件需要引入, 但是你又不希望它被编译为一个 CSS 文件, 这时,你就可以在文件名前面加一个下划线,就能避免被编译。 这将告诉 Sass 不要把它编译成 CSS 文件。 然后,你就可以像往常一样引入这个文件了,而且还可以省略掉文件名前面的下划线。 例如,你有一个文件叫做 _colors.scss。 这样就不会生成 _colors.css 文件了, 而且你还可以这样做:
    查看全部
    0 采集 收起 来源:@import

    2016-06-30

  • transparentize() 和 fade-out() 函数所起作用刚好与 opacify() 和 fade-in() 函数相反,让颜色更加的透明。这两个函数会让透明值做减法运算,当计算出来的结果小于 0 时会以 0 计算,表示全透明。
    查看全部
  • hsl($hue,$saturation,$lightness):通过色相(hue)、饱和度(saturation)和亮度(lightness)的值创建一个颜色; hsla($hue,$saturation,$lightness,$alpha):通过色相(hue)、饱和度(saturation)、亮度(lightness)和透明(alpha)的值创建一个颜色; hue($color):从一个颜色中获取色相(hue)值; saturation($color):从一个颜色中获取饱和度(saturation)值; lightness($color):从一个颜色中获取亮度(lightness)值; adjust-hue($color,$degrees):通过改变一个颜色的色相值,创建一个新的颜色; lighten($color,$amount):通过改变颜色的亮度值,让颜色变亮,创建一个新的颜色; darken($color,$amount):通过改变颜色的亮度值,让颜色变暗,创建一个新的颜色; saturate($color,$amount):通过改变颜色的饱和度值,让颜色更饱和,从而创建一个新的颜色 desaturate($color,$amount):通过改变颜色的饱和度值,让颜色更少的饱和,从而创建出一个新的颜色; grayscale($color):将一个颜色变成灰色,相当于desaturate($color,100%); complement($color):返回一个补充色,相当于adjust-hue($color,180deg); invert($color):反回一个反相色,红、绿、蓝色值倒过来,而透明度不变。
    查看全部
    0 采集 收起 来源:HSL函数简介

    2016-06-30

  • map-get($map,$key):根据给定的 key 值,返回 map 中相关的值。 map-merge($map1,$map2):将两个 map 合并成一个新的 map。 map-remove($map,$key):从 map 中删除一个 key,返回一个新 map。 map-keys($map):返回 map 中所有的 key。 map-values($map):返回 map 中所有的 value。 map-has-key($map,$key):根据给定的 key 值判断 map 是否有对应的 value 值,如果有返回 true,否则返回 false。 keywords($args):返回一个函数的参数,这个参数可以动态的设置 key 和 value。
    查看全部
    0 采集 收起 来源:Sass Maps的函数

    2016-06-30

  • 在这里把 Miscellaneous 函数称为三元条件函数,主要因为他和 JavaScript 中的三元判断非常的相似。他有两个值,当条件成立返回一种值,当条件不成立时返回另一种值: if($condition,$if-true,$if-false)
    查看全部
    0 采集 收起 来源:Miscellaneous函数

    2016-06-29

  • comparable() 函数主要是用来判断两个数是否可以进行“加,减”以及“合并”。如果可以返回的值为 true,如果不可以返回的值是 false:
    查看全部
    0 采集 收起 来源:comparable()函数

    2016-06-29

  • unitless() 函数相对来说简单明了些,只是用来判断一个值是否带有单位,如果不带单位返回的值为 true,带单位返回的值为 false:
    查看全部
    0 采集 收起 来源:unitless()函数

    2016-06-29

  • type-of() 函数主要用来判断一个值是属于什么类型: 返回值: number 为数值型。 string 为字符串型。 bool 为布尔型。 color 为颜色型。
    查看全部
  • zip()函数将多个列表值转成一个多维的列表:
    查看全部
    0 采集 收起 来源:zip()函数

    2016-06-29

  • length($list):返回一个列表的长度值; nth($list, $n):返回一个列表中指定的某个标签值 join($list1, $list2, [$separator]):将两个列给连接在一起,变成一个列表; append($list1, $val, [$separator]):将某个值放在列表的最后; zip($lists…):将几个列表结合成一个多维的列表; index($list, $value):返回一个值在列表中的位置值。
    查看全部
    0 采集 收起 来源:列表函数简介

    2016-06-29

举报

0/150
提交
取消
课程须知
对CSS有一定的了解,以及最好是学习完成《sass基础篇》课程,才可以更好的学习本课程。
老师告诉你能学到什么?
1、Sass 的控制命令 2、Sass 的函数功能 3、Sass 的函数的 @ 规则

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!