• nested 一行一条声明，移除空行，保留注释，属性值前有空格，末行大括号不换行

• expanded 同 nested，唯一不同的是末行大括号会换行

• compact 每条样式下的声明都显示在同一行，保留注释、空格

• compressed 压缩代码，移除所有空格、换行、注释和每条样式下最后一个声明后的分号
  

如果有引号的字符串被添加了一个没有引号的字符串 （也就是，带引号的字符串在 + 符号左侧）， 结果会是一个有引号的字符串。 同样的，如果一个没有引号的字符串被添加了一个有引号的字符串 （没有引号的字符串在 + 符号左侧）， 结果将是一个没有引号的字符串。 例如：

p:before {
  content: "Foo " + Bar;
  font-family: sans- + "serif";
}

编译出来的 CSS：

p:before {
  content: "Foo Bar";
  font-family: sans-serif; }

”/  ”符号被当作除法运算符时有以下几种情况：

•    如果数值或它的任意部分是存储在一个变量中或是函数的返回值。
•    如果数值被圆括号包围。
•    如果数值是另一个数学表达式的一部分。

$list: twitter,facebook,github,weibo; // 这句话表示$i从1开始循环，直到$list在length // 写成js就是 // for ( let i=1; i <= list.length; i++) @for $i from 1 through length($list){  //这条语句里的nth函数的第一个参数为列表，第二个为提取列表中那个值的index数字，sass中的index从1开始计数。  //用js写就是list[i]  .icon-#{nth($list,$i)}{background-postion: 0 - 20*$i;} }

$properties: (margin, padding);
@mixin set-value($side, $value) {
    @each $prop in $properties {
        #{$prop}-#{$side}: $value;
    }
}
.login-box {
    @include set-value(top, 14px);
}

@each...in...语句会在《Sass进级篇》中 1-6 @each循环 中讲解。

它可以让变量和属性工作的很完美，上面的代码编译成 CSS：

.login-box {
    margin-top: 14px;
    padding-top: 14px;
}

这是 Sass 插值中一个简单的实例。当你想设置属性值的时候你可以使用字符串插入进来。另一个有用的用法是构建一个选择器。可以这样使用：

混合宏 ：@mixin    继承： @extend     占位符：%placeholder<br> 混合宏<br> 优：可以传参数<br> 缺：不会自动合并相同的样式代码<br> 继承<br> 优：将使用继承的代码块合并到一起<br> 缺：不能传参数<br> 占位符<br> 占位符是独立定义，不调用的时候是不会在 CSS 中产生任何代码；<br> 继承是首先有一个基类存在，不管调用与不调用，基类的样式都将会出现在编译出来的 CSS 代码中

sass编译四种输出方式

1. 嵌套输出方式 nested

2. 张开输出方式 expanded

3. 紧凑输出方式 compact

4. 压缩输出方式 compressed

sass有多种编译方法

1 命令编译

2 GUI工具编译

3 自动化编译

sasss 语法格式分两种：

1. sass语法是sass的最初语法格式， .sass 没有{}和；后缀名.sass

2. scss是sass的新语法格式 有{}；和后缀名.sass,语法像css
   

Sass安装（windows版）

2018-04-08

1、通过命令安装 Sass 打开电脑的命令终端，输入下面的命令： gem install sass 提醒一下，在使用 Mac 的同学，可能需要在上面的命令前加上"sudo"，才能正常安装： sudo gem install sass 如果上面的方法没有安装成功，可以使用下面的两种方法。

   2、通过 Compass 来安装 Sass 除了使用 gem 命令来安装 Sass 之外，还可以通过安装 compass 来安装 Sass，因为 Compass 是基于 Sass 开发的一个框架。也就是说，你安装了 Compass，也就同时安装好了 Sass。 同样的在你的命令终端输入下面的命令： sudo gem install sass 执行完上面的命令之后，就开始安装 Compass 和 Sass。 注：Compass 是一个成熟的、基于 Sass 开发的一个框架，这里面集成了很多写好的 mixins 和 Sass 函数。不过在此暂不做过多阐述。

   3、本地安装 Sass 由于有时候直接使用上面的命令安装会让你无法正常实现安装（网络受限原因），当碰到这种情况之时，那么安装需要特殊去处理，可以通过下面的方法来实现 Sass 的正常安装： 可以到 Rubygems(http://rubygems.org/) 网站上将 Sass 的安装包（http://rubygems.org/gems/sass）下载下来，然后在命令终端输入： gem install <把下载的安装包拖到这里> 直接回车即可安装成功。 注：在 iOSX 系统平台，可以直接将下载的安装包拖到 "gem install" 后面，如果在是 Windows 系统，需要手功输入安装的文件路径。