compass(2015年之后项目已经不再维护了,所以逐渐使用的会少一些)

一 简介

Compass是Sass的工具库(toolkit)

Sass本身只是一个编译器,Compass在它的基础上,封装了一系列有用的模块和模板,补充Sass的功能。

1用途

(1)适用场景

学会了Compass,CSS开发效率会上一个台阶。

2优缺点及对比

(1)优点

(2)缺点

二 基本概念与技术重点整理

Compass采用模块结构,不同模块提供不同的功能。目前,它内置五个模块:

  reset 重置浏览器的默认样式   css3 提供CSS3命令   layout 供布局功能   typography 提供版式功能   utilities 提供某些不属于其他模块的功能

除了模块,Compass还提供一系列函数。

三 使用实践及案例

四 资源与参考

1官网

https://github.com/Compass/compass

2文档

3源码

4教程

(1)已学习:

Compass用法指南-阮一峰 http://www.ruanyifeng.com/blog/2012/11/compass.html

(2)学习中:

(3)待学习:

官方教程:

其他教程:

慕课网视频教程-Sass和Compass必备技能之Compass http://www.imooc.com/learn/371

5工具与资源

results matching ""

    No results matching ""