-
调用混合宏，用关键词 @include： button { @include border-radius; }查看全部
-
@mixin 是用来声明混合宏的关键词，border-radius 是混合宏的名称，大括号里面是复用的样式代码。 分类： 1.不带参数的混合宏 2.带参数的混合宏 3.复杂的混合宏查看全部
-
3.伪类嵌套选择器 在平时写代码的时候，我们应该避免选择器嵌套查看全部
-
2.属性嵌套 .box { border: { top: 1px solid red; bottom: 1px solid green; } }查看全部
-
1.选择器嵌套&查看全部
-
什么时候声明变量？只有满足下列全部要求时，才可以声明变量 1.该值至少重复出现两次以上 2.该值至少可能会被更新一次 3.该值所有的表现都与变量有关（非巧合） 一个便利的Sass在线编辑器网址：http://sassmeister.com/查看全部
-
全局变量： 在选择器、函数、混合宏...的外面定义的变量为全局变量 局部变量： 出来上面的全局变量以外，其他的都是局部变量查看全部
-
默认变量 sass 的默认变量仅需要在值后面加上 !default 即可。 覆盖的方式也很简单，只需要在默认变量之前重新声明下变量即可。 $baseLineHeight: 2; $baseLineHeight: 1.5 !default; body{ line-height: $baseLineHeight; } 编译后 body{ line-height:2; }查看全部
-
Sass调试 再命令行中输入： sass --watch style.scss:style.css 然后得到： >>> Change detected to: style.scss write style.css write style.css.map 这时你就可以像前面展示的 gif 图一样，调试你的 Sass 代码。查看全部
-
压缩式输出compressed 在编译的时候带上参数“ --style compressed”: sass --watch test.scss:test.css --style compressed 嵌套式输出nested 展开式输出expanded 紧凑式输出compact查看全部
-
紧凑式输出compact 在编译的时候带上参数“ --style compact”: sass --watch test.scss:test.css --style compact 嵌套式输出nested 展开式输出expanded 压缩式输出compressed查看全部
-
展开式输出方式expanded 在编译的时候带上参数“ --style expanded” sass --watch test.scss:test.css --style expanded 嵌套式输出nested 紧凑式输出compact 压缩式输出compressed查看全部
-
嵌套输出方式nested 在编译的时候带上参数“ --style nested” sass --watch test.scss:test.css --style nested 展开式输出expanded 紧凑输出compact 压缩式输出（不喜欢这个）compressed查看全部
-
Sass不同样式风格的输出方式 1.嵌套输出方式nested 2.展开输出方式expanded 3.紧凑输出方式compact 4.压缩输出方式compressed查看全部
-
对于我来说，最好不要使用这个东西，选择命令编译或者直接用GUI界面编译工具来编译查看全部
举报
0/150
提交
取消