scss的开发利器compass

1.scss开发利器compass的介绍

(1)简单的介绍:http://www.kuqin.com/webpagedesign/20120411/319859.html

(2)官方地址:http://compass-style.org

(3)

1.安装Compass

Compass需要运行在Ruby环境下,必须确定本地已经安装Ruby。

$ gem update –system $ gem install compass

2.建立项目

$ gem compass create myproject

在config.rb配置文件中,可以修改一些基础配置 ####3.实时编译Scss文件

cd myproject compass watch

每次保存完scss文件,compass会实时编译生成css文件。

(4)Compass核心框架

1.css3

2.Typography (文字基础样式)

Links Lists Text Vertical Rhythm

3.Utilities(实用工具)

Color General Print Sprites Tables

里面有个最实用的功能当属sprite

4.Reset

5.Layout

(5)Firebug

如何在firebug中看到Scss,而不是生成的Css呢。我们就可以安装FireSass。

还需要在Scss配置文件中修改,打开项目目录下的config.rb。添加

sass_options = {:debug_info => true}

这样我们就能在firebug里面看到Sass的行号了。