SASS -- 基本认识

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在线转换器