zoukankan      html  css  js  c++  java
  • 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

     

  • 相关阅读:
    JavaScript表单编程
    JavaScript事件模型
    DOM总结
    CSS3 媒体查询响应式布局
    BOM总结
    JS实现文字图片无缝滚动
    深入理解jQuery事件绑定机制
    被你忽略的jQuery常用方法“特异功能”
    关于BOM的学习总结
    Hello,World!
  • 原文地址:https://www.cnblogs.com/animagi/p/5291880.html
Copyright © 2011-2022 走看看