1. Sass & Compass —— 洪珊珊 2011.04.20

2. 拥抱HTML5中的分享者 薛良斌 （布丁大哥） hlb@twitter.com Iamhlb.com 分享视频：http://v.ku6.com/special/show_4135580/0xiGfezZqb9Gl7TU.html

3. Sass http://sass-lang.com/

4. Sass可以做什么？ 更好的管理与维护CSS 更快乐的写CSS

5. Sass 与 CSS的关系(语法) sass css

6. Sass的语法 .sass table.hl margin: 2em 0 td.ln text-align: right li font: family: serif weight: bold size: 1.2em .scss table.hl { margin: 2em 0; td.ln { text-align: right; } } li { font: { family: serif; weight: bold; size: 1.2em; } }

7. Sass的语法 Nesting (巢状) Variables(变量) Parent References (父级相关) Operations and Functions (运算和函数) Interpolation(插补) Mixins (混合) Arguments (参数) Import (引入) … …

8. Compass 是什么？ 基于sass的框架 管理框架的框架（框架的框架） 可以动态引入已经预定义好的CSS样式 http://compass-style.org/

9. 思考 我们是否可以构建一个属于自己的，类似compass的CSS框架，使得更好的维护我们的CSS

10. 谢谢！