SASS -- 基本认识

• 　SASS 是一种 CSS 的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得 CSS 的开发，变得简单和可维护。

•    SASS 提供四个编译风格的选项：

* nested：嵌套缩进的 css 代码，它是默认值。

* expanded：没有缩进的、扩展的 css 代码。

* compact：简洁格式的 css 代码。

* compressed：压缩后的 css 代码。

     注：在rails的production环境下，一般采用的是第四种编译风格。

 

•   sass安装和使用　　

     1 、安装

　　SASS 是 Ruby 语言写的，但是两者的语法没有关系。不懂 Ruby，照样使用。只是必须先安装 Ruby，然后再安装 SASS。

　　假定你已经安装好了 Ruby，接着在命令行输入下面的命令：

gem install sass

　　然后，就可以使用了。

 

　   2 、使用

　　SASS 文件就是普通的文本文件，里面可以直接使用 CSS 语法。文件后缀名是 .scss，意思为 Sassy CSS。

　　下面的命令，可以在屏幕上显示 .scss 文件转化的 css 代码。（假设文件名为 test。）

sass test.scss

　　如果要将显示结果保存成文件，后面再跟一个 .css 文件名。

sass test.scss test.css

 

     附：sass与css在线转换器