day10

A：今天学到的内容

下载sass 输入命令行 gem install sass

一、sass的语法

1、变量

$bg:pink;
.header{background:$bg};

2、@Mixin

　@mixin left {
　　　　float: left;
　　　　margin-left: 10px;
　　}
div {
　　　　@include left;
　　}

//mixin的强大之处，在于可以指定参数和缺省值。

@mixin left($value: 10px) {
　　　　float: left;
　　　　margin-right: $value;
}
div {
　　　　@include left(20px);
　　}

//可以传递多个参数　
@mixin wh($w:100px,$h:100px) {
　　　　width:$w;
        height:$h;
}
div {
　　　　@include wh(200px,200px);
　　}

3、插入文件
@import命令，用来插入外部文件。
.
　@import "path/filename.scss";
如果插入的是.css文件，则等同于css的import命令。
.
@import "foo.css";

B：学会了什么

一、sass的语法