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的行号了。