-
Sass 混合宏除了能传一个参数之外，还可以传多个参数，如： @mixin center($width,$height){} 有一个特别的参数“…”。当混合宏传的参数过多之时，可以使用参数来替代，如： @mixin box-shadow($shadows...){}查看全部
-
@mixin box-shadow($shadow...) { @if length($shadow) >= 1 { @include prefixer(box-shadow, $shadow); } @else{ $shadow:0 0 4px rgba(0,0,0,.3); @include prefixer(box-shadow, $shadow); } } 这个 box-shadow 的混合宏，带有多个参数，这个时候可以使用“ … ”来替代。查看全部
-
在 Sass 中可以通过加法符号“+”来对字符串进行连接。 有无引号取决于“+”左边的字符是否有引号。查看全部
-
所有算数运算都支持颜色值，并且是分段运算的。也就是说，红、绿和蓝各颜色分段单独进行运算。查看全部
-
数字计算：使用括号可以有顺序执行，单位加一个也可以，只给分母加px 会报错查看全部
-
//SCSS p { font: 10px/8px; // 纯 CSS，不是除法运算 $width: 1000px; width: $width/2; // 使用了变量，是除法运算 width: round(1.5)/2; // 使用了函数，是除法运算 height: (500px/2); // 使用了圆括号，是除法运算 margin-left: 5px + 8px/2px; // 使用了加（+）号，是除法运算 } 综合上述，”/ ”符号被当作除法运算符时有以下几种情况： • 如果数值或它的任意部分是存储在一个变量中或是函数的返回值。 • 如果数值被圆括号包围。 • 如果数值是另一个数学表达式的一部分。 在乘法运算时，如果两个值带有相同单位时，做乘法运算时，出来的结果并不是我们需要的结果。但在除法运算时，如果两个值带有相同的单位值时，除法运算之后会得到一个不带单位的数值。查看全部
-
注意： (1)乘法运算和加减法运算略有不同，能够支持多种单位（如：em,ps,%） (2)乘法运算时，若两个单位相同，只需要提供一个单位，否则有错：eg: .box{ width:10px*2; } (3)Sass 的乘法运算和加法、减法运算一样，在运算中有不同类型的单位时，也将会报错。查看全部
-
运算是碰到不同类型的单位是，编译会报错 减号两端必须留有空格 否则也会报错查看全部
-
in mm cm pt pc px等绝对单位都能运算 ex em rem等相对当前字体的都不能运算 能换算的都会换算成px像素长度 不能换算的都会报编译错误 有个例外就是不加单位的话就相当于0 但对于携带不同类型的单位时，在 Sass 中计算会报错. 加号之间不能有空格. in是英寸。8in即8英寸。 1英寸约=2.54厘米,1英寸大约是96像素查看全部
-
nth函数（nth function） 可以直接访问值列表中的某一项； join函数（join function） 可以将多个值列表连结在一起； append函数（append function） 可以在值列表中添加值； @each规则（@each rule） 则能够给值列表中的每个项目添加样式。查看全部
-
在编译 CSS 文件时不会改变其类型。只有一种情况例外，使用 #{ }插值语句 (interpolation) 时，有引号字符串将被编译为无引号字符串，这样方便了在混合指令 (mixin) 中引用选择器名。 @mixin firefox-message($selector) { body.firefox #{$selector}:before { content: "Hi, Firefox users!"; } } @include firefox-message(".header"); 编译为： body.firefox .header:before { content: "Hi, Firefox users!"; }查看全部
-
在 Sass 中包含以下几种数据类型： 数字: 如，1、 2、 13、 10px； 字符串：有引号字符串或无引号字符串，如，"foo"、 'bar'、 baz； 颜色：如，blue、 #04a3f9、 rgba(255,0,0,0.5)； 布尔型：如，true、 false； 空值：如，null； 值列表：用空格或者逗号分开，如，1.5em 1em 0 2em 、 Helvetica, Arial, sans-serif。查看全部
-
在SCSS中写注释："//"方式的注释不会在CSS中显示，"/*...*/"方式的注释会在CSS中显示查看全部
-
在@mixin中，插值可以拼接为类名，不可以拼接为属性值。 @include调用插值不可以拼接为混合宏名。 调用占位符%和类，用@extend继承可以使用插值拼接。查看全部
-
用%进行继承与直接使用变量还有什么区别？ %不调用不会有代码 %回通过属性进行合并 %placeholder 声明的代码，如果不被 @extend 调用的话，就不会生成任何代码。 通过 @extend 调用的占位符，编译出来的代码会将相同的代码合并在一起。这也是我们希望看到的效果，也让你的代码变得更为干净。查看全部
举报
0/150
提交
取消