sass,compass让开发效率飞起-beidan

最近开始学习并且使用，发现使用它写起css来真的是各种爽

安装sass，compass

sass是依赖于ruby的，必须先安装Ruby，点击下载 下载完ruby之后，使用命令行安装sass gem install sass 使用命令，sass-v compass-v 查看是否安装成功

　　　出现上图情况则为安装成功

sass的使用及优点

sass官网： http://HdhCmsTestw3cplus测试数据/sassguide/ api文档 http://sass-lang测试数据/documentation/file.SASS_REFERENCE.html sass功能：

定义变量,数值计算（左边为scss文件，右边为编译之后的css文件）

方便知道谁是谁的子元素，不必写一大堆重复的标签

还可以像函数一样使用，可以传参数，可以设置默认参数

这还远远不够，如果sass不和compass一起使用，很难体现它功能的强大性

compass的使用

1.官方文档 http://compass-style.org/help/tutorials/production-css/

2测试数据pass的特性

轻松实现浏览器兼容 全面支持css3 提供海量使用功能，颜色处理，获取客户端数据等 轻松实现扩展

3.常用功能：

1.@import（合并css文件，实现模块化）

可以将项目中的各部分样式拆分成 _head.scss,_body.scss,_foot.scss (注意！要以_开头，这样子这些文件便不会被编译成css文件)

实现效果

使用方法，在main.scss中，加入以下代码

 1  @import "base/head" ;
  2  @import "base/body" ; 
  3  @import "base/foot"; 

查看更多关于sass,compass让开发效率飞起-beidan的详细内容...