SASS 的相关函数

标签：

SASS是Syntactically Awesome Stylesheete 的缩写，它是css的一个开发工具，提供了很多便利和简单的语法，让css看起来更像是一门语言，这种特性也被称为“css预编译”。它的主要设计思想是让我们可以按照编程的思路编写自己的样式，然后通过“编译器”生成我们所需要的css文件。sass并不是css的替代品，它只是让css变得更加高效、可维护，也不必去修改编译后的css文件。

1.安装Ruby,然后gem install sass

2.建一个input.scss,执行sass input.scss output.css,会生成一个对应的output.css文件

  sass --style compressed input.scss:output.css

  输出样式的风格可以有四种选择，默认为nested

• nested：嵌套缩进的css代码
• expanded：展开的多行css代码
• compact：简洁格式的css代码
• compressed：压缩后的css代码

3.如果想实时监听,则执行sass --watch input.scss:output.css

　sass --watch --style expanded sass/loader.scss:css/loader.css

4.如果想多个文件一起监听,则执行sass --watch sass(文件夹):css(文件夹)

5. sass有两种可选的文件后缀.sass和.scss，两者的主要区别就是在书写格式上。

  .sass文件是缩进式的写法，没有括号, 对格式要求比较严谨，末尾不能有分号,跟coffee差不多

  .scss文件的写法和css一致

SASS 的相关函数

标签：

原文地址：http://www.cnblogs.com/floraCnblogs/p/sass-summary.html