haml、sass简单的解释

1、 Haml 全名为 HTML Abstract Markup Language，主要就是让开发者能够使用缩排的方式撰写 HTML，做到永不忘记关 Tag 的效果。

例如：%h1= "Hello World" 　　

　　   产生的html代码是：　　<h1>Hello World</h1>

　　排版轻松，但不直观，l需要另外学习特殊的 syntax，所有很少用。

---

2、SASS是CSS3的一个扩展，增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。

　　　 可以让开发者可以透过「缩排」的方式去撰写维护 CSS，同样可以避免忘记关 TAG 而产生的问题。

例如：.content

margin: 2em 0

h1

font-size: 2em

产生的css代码是：

.content{

　　margin: 2em 0;

}

.content h1{

　　 font-size: 2em;

}

sass用法：http://www.ruanyifeng.com/blog/2012/06/sass.html