sass笔记之开始

Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点：

1. 文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名
2. 语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。

不同样式风格的输出方法：

1.嵌套输出方式nested：

eg：

nav li{
     color:red; }

2.展开输出方式expanded

和nested相似只是大括号另起一行

3.紧凑输出方式：compact

单行

4.压缩输出格式：compressed

去掉标准的sass和css注释以及空格

变量：

普通变量： $font-size: 12px;

默认变量： $font-size: 12px default;

目前变量机制

在选择器中声明的变量会覆盖外面全局声明的变量。(这也就人们常说的sass没有局部变量)

默认在选择器里面的变量为局部变量，而只有设置了!global之后才会成为全局变量。

什么时候声明变量？

我的建议，创建变量只适用于感觉确有必要的情况下。不要为了某些骇客行为而声明新变量，这丝毫没有作用。只有满足所有下述标准时方可创建新变量：

1. 该值至少重复出现了两次；
2. 该值至少可能会被更新一次；
3. 该值所有的表现都与变量有关（非巧合）。

基本上，没有理由声明一个永远不需要更新或者只在单一地方使用变量。