-
%xxx 定义占位符，默认不会被使用，通过@extend调用。
查看全部 -
通过@extend继承已有的代码块
查看全部 -
当传入的参数过多的时候可以用...替代
查看全部 -
当需要定义大量变量时就可以用混合宏，相当于java中的类
@mixin混合宏
查看全部 -
伪类选择器别忘了加上：
&:before{
}
查看全部 -
&符号表示取父值，取的是选择器嵌套层里面的父级，而不是DOM结构里面的父级
查看全部 -
声明默认变量只需在后面加上！default即可
覆盖默认变量则在默认变量之前重新声明变量即可
查看全部 -
声明变量 $width:300px !default;
!default表示默认值
查看全部 -
sass --watch
sass <要编译的Sass文件路径>： <要输出的css文件路径>
查看全部 -
什么时候声明变量？
我的建议，创建变量只适用于感觉确有必要的情况下。不要为了某些骇客行为而声明新变量，这丝毫没有作用。只有满足所有下述标准时方可创建新变量：
该值至少重复出现了两次；
该值至少可能会被更新一次；
该值所有的表现都与变量有关（非巧合）。
基本上，没有理由声明一个永远不需要更新或者只在单一地方使用变量。
温馨小提示：您在学习 sass 时，除了在我们网页上可以做练习，还有一个便利在线编辑器网址如下：
http://sassmeister.com/
查看全部 -
[Sass]不同样式风格的输出方法
众所周知，每个人编写的 CSS 样式风格都不一样，有的喜欢将所有样式代码都写在同一行，而有的喜欢将样式分行书写。在 Sass 中编译出来的样式风格也可以按不同的样式风格显示。其主要包括以下几种样式风格：
嵌套输出方式 nested
展开输出方式 expanded
紧凑输出方式 compact
压缩输出方式 compressed
查看全部 -
Sass 编译
常常有人会问，使用 Sass 进行开发，那么是不是直接通过“<link>”引用“.scss”或“.sass”文件呢？
那么这里告诉大家，在项目中还是引用“.css”文件，Sass 只不过是做为一个预处理工具，提前帮你做事情，只有你需要时候，他才有攻效。
这样一来，也就有了这章需要介绍的内容—— Sass 的编译。因为 Sass 开发之后，要让 Web 页面能调用 Sass 写好的东西，就得有这么一个过程，这个过程就称之为 Sass 编译过程。Sass 的编译有多种方法：
命令编译
GUI工具编译
自动化编译
查看全部 -
有点不理解这里两个class调用混合宏怎么说是冗余 ？如果class分别对应两个div，在这里还能说代码冗余吗？查看全部
-
是一种专门的编程语言，为css增加一些编程特性，将css作为目标生成文件。
查看全部 -
安装sass的方式两种
在线安装 和 下载文件后安装
查看全部
举报