sass学习

安装

sass是基于ruby语言，所以第一步要先下载ruby，window环境就下载rubyInstaller进行安装。
检测 ：在cmd下

ruby -v

安装好ruby之后接下来安装sass，同样在cmd：

gem install sass
sass -v

安装compass，compass可以理解sass的工具库

gem install compass
compass -v

sass语法

sass基础

1>使用sass创建工程
2>使用compass创建工程（推荐）
在当前目录下进入到cmd

compass create

命令执行后生成sass文件夹中放sass文件 stylesheets文件夹中放css文件。
编译：compass监视文件夹

compass watch

3>sass输出风格
1.nested

footer {
  color: $color;
  background-color: map-get($maps,color);
  border-color: map-get($maps,borderColor);}

2.expanded （默认）

footer {
  color: $color;
  background-color: map-get($maps,color);
  border-color: map-get($maps,borderColor);
}

3.compact （一条css样式占一行）

footer {color: $color; background-color: map-get($maps,color);}

4.compressed （压缩，去掉注释，去掉空格，生产环境使用）