-
buji查看全部
-
buji查看全部
-
【sass】混合宏 vs 继承 vs 占位符 1、混合宏--当代码块中涉及到变量时使用混合宏来创建相同的代码块。 2、继承----代码块不需要传参，且有一个基类已存在文件中时使用继承。 3、占位符--占位符和继承基本上相同，只是不会再代码中生成占位符的选择器。查看全部
-
%placeholder和继承@extend联合来用，%placeholder的特点： 只有引用了继承代码才会生效，反之不会产生代码，没有冗余代码产生。查看全部
-
继承关键词-----@extend查看全部
-
sass的编译风格查看全部
-
sass --watch test.scss:test.css --style nested sass --watch test.scss:test.css --style expanded sass --watch test.scss:test.css --style compact sass --watch test.scss:test.css --style compressed查看全部
-
紧促输出方式 compact 编译时带上参数 --style compact 命令示例：sass --watch tesr.scss:test.css --style compact 说明：该方式适合喜欢单行CSS样式格式的朋友查看全部
-
展开输出方式 expanded 编译时带上参数 --style expanded 命令示例：sass --watch tesr.scss:test.css --style expanded 说明：expanded输出的CSS样式风格和nested类似，只是大括号在另起一行查看全部
-
1、嵌套输出方式 nested nested：嵌套缩进的css代码 expanded：展开的多行css代码 compact：简洁格式的css代码 compressed：压缩后的css代码 nav{ ul{ margin:0; padding:0; list-style:none; } li{display:inline-block;} a{ display:block; padding:6px 12px; text-decoration:none; } }查看全部
-
占位符： ①不调用不产生代码； ②继承与之相比，则必须有个基类，其他方面无差别。查看全部
-
继承： ①问题： 不能传参。 ②优势： 相同的代码将被组合，不会产生冗余。查看全部
-
混合宏: ①问题: 相同的样式代码不会被合并, 产生冗余代码。 ②优势：可以传参。查看全部
-
/* 练习手敲*/ $porperties:(margin,padding); @mixin set-value($side,$value){ @each $porp in $porperties{ #{$porp}-#{$side}:$value; } .login-box{ @include set-value(top,14px); @include set-value(bottom,18px); }查看全部
-
注意逗号。查看全部
举报
0/150
提交
取消