学习笔记-----sass

sass有关的命令行语句：

1、sass-convert  待转换的文件  转换之后的文件  eg:sass-convert main.scss main.sass

2、compass create 文件名    利用compass创建一个sass项目

3、compass watch ，进入到文件名下（：cd  文件名） 后，监听sass文件的变化，每次修改sass文件，系统自动将其转换为css文件。并保存在.css文件中。

sass 语法：

1、变量：变量名的定义：$变量：变量可取值（eg:$headline-ff:Braggadocio,Arial,Verdana;）

                在主体中使用时：eg：font-family:$headline-ff;

      sass支持变量的调用，方法有：

    （1）直接操作变量，即变量表达式

    （2）通过函数，通过函数的方式：

            .与代码块无关的函数，sass的内置函数，称为functions

          .可重用的代码块称为mixin（一般的函数可通过@include调用，当一个选择器去继承另一个选择器的样式时通过@extend调用。），可重用的代码块用@mixin 定义。通常可重用的代码块写在一个文档中，好调试。

注意：@extend，可继承多个选择器，也可连续继承选择器。但是不可以继承选择器序列（.A .B）。使用%用来构建只用来继承的选择器，即不会编译到样式表中。

 2、sass表达式可使用运算符：+、-、>=、<=、（）.注意在一个表达式中单位要一致

 3、sass解析是按照从右到左解析执行的，从代码中看就是从内到外遍历，所以在嵌套中使用@at-root指令明确指定被嵌套的内容输出到样式表的顶层。不包含嵌套。

 4、sass支持@import引入其他sass文件，因为css也有@import指令，解析时可能会有误解。因此：

        当文件以.css结尾或以http://开头或以url()形式表示，或带有media queries时，编译器会以css的@import规则来解析。其他则以sass规则来解析。

 5、sass注释：//表示静态注释，注释的内容不会出现再样式表中。/*.......*/动态注释，会编译到样式表中。