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注释://表示静态注释,注释的内容不会出现再样式表中。/*.......*/动态注释,会编译到样式表中。