haml、sass简单的解释

时间:2023-03-09 02:57:41
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