摘要：
MapSass 的 map 常常被称为数据地图，也有人称其为数组，是以 key:value 成对的出现。1 $map: (2 $key1: value1,3 $key2: value2,4 $key3: value35 )首先有一个类似于 Sass 的变量一样，用个 $ 加上... 阅读全文
摘要：
列表函数简介列表函数主要包括一些对列表参数的函数使用，主要包括以下几种： length($list)：返回一个列表的长度值； nth($list, $n)：返回一个列表中指定的某个标签值 join($list1, $list2, [$separator])：将两个列给连接在一起，变成一个列表； ap... 阅读全文
摘要：
数字函数简介Sass 中的数字函数提要针对数字方面提供一系列的函数功能： percentage($value)：将一个不带单位的数转换成百分比值； round($value)：将数值四舍五入，转换成一个最接近的整数； ceil($value)：将大于自己的小数转换成下一位整数； floor($val... 阅读全文
摘要：
Sass的函数简介在 Sass 中除了可以定义变量，具有 @extend、%placeholder 和 mixins 等特性之外，还自备了一系列的函数功能。其主要包括： ●字符串函数 ●数字函数 ●列表函数 ●颜色函数 ●Introspection 函数 ●三元函数等当然除了自备的函数功... 阅读全文
摘要：
@if@if指令是一个SassScript,它可以根据条件来处理样式块，如果条件为true返回一个样式块，反之false返回另一个样式块。在Sass中除了@if，还可以配合@else if和@else 一起使用。 1 $lte7: true; 2 $type: monster; 3 .ib{ 4 ... 阅读全文
摘要：
设置select的边框为none；在PC端是没有问题的，但是放到手机浏览器和微信里上还是会出现边框解决办法：1 appearance:none;2 -moz-appearance:none; /* Firefox */3 -webkit-appearance:none; /* Safari 和 Ch... 阅读全文
摘要：
加法在 CSS 中能做运算的，到目前为止仅有 calc() 函数可行。在 Sass 中，运算只是其基本特性之一。在 Sass 中可以做各种数学计算。加法运算是 Sass 中运算中的一种，在变量或属性中都可以做加法运算。如：1 .box {2 width: 20px + 8in;3 }编译出来... 阅读全文
摘要：
插值#{}使用 CSS 预处理器语言的一个主要原因是想使用 Sass 获得一个更好的结构体系。比如说你想写更干净的、高效的和面向对象的 CSS。Sass 中的插值(Interpolation)就是重要的一部分。例子：1 $properties: (margin, padding);2 @mi... 阅读全文
摘要：
混合宏-声明混合宏如果你的整个网站中有几处小样式类似，比如颜色，字体等，在 Sass 可以使用变量来统一处理，那么这种选择还是不错的。但当你的样式变得越来越复杂，需要重复使用大段的样式时，使用变量就无法达到我们目了。这个时候 Sass 中的混合宏就会变得非常有意义。1、声明混合宏不带参数混合宏：在 ... 阅读全文
摘要：
声明变量定义变量的语法Sass 的变量包括三个部分： 声明变量的符号“$” 变量名称 赋予变量的值简单的示例，假设你的按钮颜色可以给其声明几个变量：1 $brand-primary : darken(#428bca, 6.5%) !default;/* #337ab7*/2 $btn-prim... 阅读全文