sass初步认识1

sass是一种“css预处理器”，同类的还有less等，方法类似。css预处理器的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的css文件。

使用sass需要先暗转RUBY，再暗转sass。方法为安装ruby后，在命令行输入：
gem install sass，然后就可以使用了。

通过Node使用sass，可以安装sass的相关npm包。如:
node-sass(http://www.npmjs.com/package/node-sass),
gulp-sass(http://www.npmjs.com/package/gulp-sass).

sass文件后缀名为.scss或者.sass，scss的格式与css类似，使用分号和大括号，sass不使用这两个符号。
通常采用.scss后缀名，避免出错。
通过命令: sass test.scss 将.scss文件转化为css代码（test为文件名）。
保存显示的css代码的命令: sass test.scss test.css

sass提供四个编译风格的选项：
nested(嵌套缩进的css代码，默认值)
expanded(没有缩进的、扩展的css代码)
compact(简洁格式的css代码)
compressed(压缩后的css代码)
一般使用压缩后的，命令为： sass --style compressed test.scss test.css

sass监听文件或者目录，一旦源文件有变动，就自动生成编译后的版本。
sass --watch input.scss:output.css(监听文件)
sass --watch app/sass:public/stylesheets（监听目录）

 

wx: