sass

sass

css 预处理语言


compass   css框架







安装ruby



安装 compass
gem install compass


创建 sass

compass create sass


编译
	sass demo1.scss 1.css

监视
	sass --watch demo1.scss:1.css
	文件夹
	sass --wath sass:style



4种转换风格
	nested      大括号在最后一行 样式后面
	expanded 	大括号在最后一行 开头
	compact     一个选择器一行
	compressed  压缩文件



变量

$highlight-color: #F90;


h1
  color: red;

$color: red



@mixin alert($color: blue){
	color: $color
}





继承
.block {
	margin: 10px;
	padding: 5px;
}

p {
  @extend .block;
}



reset

css3

layout 

typography

utilities