纸上得来终觉浅，绝知此事要躬行

1.创建工程1-1.使用sass创建新建一个文件夹然后在里面直接书写sass文件即可(通常很少直接手动创建)1-2.使用compass创建命令:compass create filename在指定文件夹下面使用命令行创建,会创建出三个文件(sass stylesheets config.rb)同时可以带参数进行创建:compass create --bare--sass-d

1.使用变量变量包含变量声明与引用,sass中使用$来标识变量,在声明变量的时候,变量值也可以引用其他变量.如:$color:$red;在sass中变量名可以与css中的属性名和选择器名称相同,可以包括中划线和下划线,比如:$line-color和$line_color,这两种欧用法相互兼容,但根据css的正确书写方式建议使用中划线(-).2.嵌套css规则

1.嵌套1-1.选择器嵌套/*选择器嵌套*/body{ background: antiquewhite; header{ background: aquamarine; }}1-2.属性嵌套/*属性嵌套*/ footer{ background: { color: red;

1.背景如果你的网站中有几处样式相同的话,比如一些颜色和字体,那么可以使用变量来处理这个问题.但是当你的样式越来越多,需要复用大段的样式,独立变量就显得有点吃力了,这时候你可以通过sass中的混合器来进行复用(当然也可以用占位符或者继承,下面会讨论这三者之间的区别).2.混合器@mixin特点:可传参缺点:如果在样式文件中调用同一个混合宏，会产生多个对应的样式代码，造成代码的冗余.

我们都知道Sass其实有两种，一种是Sass，一种是SCSS。　　Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点：文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，而 SCSS 的语法书写和