安装
sass是基于ruby语言,所以第一步要先下载ruby,window环境就下载rubyInstaller进行安装。
检测 :在cmd下
ruby -v
安装好ruby之后接下来安装sass,同样在cmd:
gem install sass
sass -v
安装compass,compass可以理解sass的工具库
gem install compass
compass -v
sass语法
sass基础
1>使用sass创建工程
2>使用compass创建工程(推荐)
在当前目录下进入到cmd
compass create
命令执行后生成sass文件夹中放sass文件 stylesheets文件夹中放css文件。
编译:compass监视文件夹
compass watch
3>sass输出风格
1.nested
footer {
color: $color;
background-color: map-get($maps,color);
border-color: map-get($maps,borderColor);}
2.expanded (默认)
footer {
color: $color;
background-color: map-get($maps,color);
border-color: map-get($maps,borderColor);
}
3.compact (一条css样式占一行)
footer {color: $color; background-color: map-get($maps,color);}
4.compressed (压缩,去掉注释,去掉空格,生产环境使用)