compass相关

前言

阮一峰说，sass搭配compass，开发和维护都更加容易。

简介

Compass在sass的基础上，封装了一系列有用的模块和模板，补充Sass的功能。其间关系类似，ruby和rails。

使用

创建一个Compass项目:

compass create myproject

其生成的目录结构如下:

▾ sass/ -  sass源文件
    ie.scss
    print.scss
    screen.scss
▾ stylesheets/ -  编译生成的文件
    ie.css
    print.css
    screen.css
  config.rb - 项目的配置文件

编译命令:

• compass compile : 基本的编译文件
• compass compile --force: 编译改动的文件
• compass watch : 持续自动编译文件
• compass compile --output-style compressed : 编译生成压缩的文件

所有命令选项均可在config.rb进行配置，更多命令行参考compass文档。

Compass的模块

compass使用模块结构，每个模块提供不同功能，内置五个模块:

• reset - 重置浏览器样式
• css3 - 提供19种css3的命令，比如圆角、透明和行内区块。
• layout - 提供布局功能
• typography - 提供版式功能
• utilities - 提供不属于其他模块的功能，比如清除浮动和表格。

导入compass模块的方法为: @import "compass/reset"。注: 重置浏览器样式还有著名的norimal.css样式。

compass还提供一些helper函数，helper函数和模块的主要区别，不需要使用@include，可直接使用。

后记

感觉，又看了一些理论层面的东西，实践的不多，果然，还是能立马用起来的东西比较实在。他人推荐的最佳组合: **SASS+Compass+Twitter Bootstrap+bootstrap-sass **

参考文献

1. Compass用法指南
2. Compass Github地址
3. compass官方站点
4. SASS 和 Compass 指南