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的語法