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