Sass入门

Sass 是什么

简单来说就是一种CSS预处理器，维基百科上关于Sass 的介绍如下

Sass 是一个 CSS 的扩展，它在 CSS 语法的基础上，允许您使用变量 (variables), 嵌套规则 (nested rules), 混合 (mixins), 导入 (inline imports) 等功能，令 CSS 更加强大与优雅。使用 Sass 以及 Compass 样式库 有助于更好地组织管理样式文件，以及更高效地开发项目。

使用Sass

原版的Sass使用之前需要安装Ruby（因为这是Ruby社区发明的），所以我们去使用Node社区重写的Sass ，这样你就可以使用npm安装

npm install -g node-sass

注意：使用这行命令之前确保你的npm源已经切换为淘宝镜像，否者很有可能发生意想不到的后果

Sass和Scss

Sass 的语法：

body
  p
    color:red

Scss 的语法：

body{
  p{
    color:red;
  }
}

Sass 有两种语法格式，SCSS(Sassy CSS)和缩进语法(Indented Sass)，SCSS是Sass 3引入的新语法，Sass 语法只要添加花括号和分号就能转化为SCSS语法，至于Ruby社区为什么会多此一举发明两种写法，仅仅只是为了迎合前端程序员喜好。

这是一篇入门文章，只是让你简单的理解Sass是什么，更深入的使用请查看Sass中文官方文档进行学习。