zoukankan      html  css  js  c++  java
  • 什么时候css会见less

    在一定程度上,css不能被视为一个节目。虽然和其他语言,它有自己的规范。编码,但它的笨拙实在让我失望。

    不喜欢css是由于不管怎么优化代码。项目大到一定程序后。都会看上去一团乱。并且有时候一个bug的定位也要花去不少时间。直到我发现了less。突然感慨。css中的jquery大概就是它了。

    less同意传參数,同意定义变量,能够把层叠的样式组织得较为美观,能够少写很多反复代码……这一切的优势,让我毫不犹豫地要去把它增加接下来的项目。

    举个样例:

    css要这样写:

    #header h1 {
      font-size: 26px;
      font-weight: bold;
    }
    #header p {
      font-size: 12px;
    }
    #header p a {
      text-decoration: none;
    }
    #header p a:hover {
      border- 1px;
    }


    而less能够这样写:

    #header {
      h1 {
        font-size: 26px;
        font-weight: bold;
      }
      p { font-size: 12px;
        a { text-decoration: none;
          &:hover { border- 1px }
        }
      }
    }
    


    css要这样写:


    #menu a {
      color: #111;
      border-top: dotted 1px black;
      border-bottom: solid 2px black;
    }
    .post a {
      color: red;
      border-top: dotted 1px black;
      border-bottom: solid 2px black;
    }

    而less能够这样写:

    .bordered {
      border-top: dotted 1px black;
      border-bottom: solid 2px black;
    }
    
    #menu a {
      color: #111;
      .bordered;
    }
    .post a {
      color: red;
      .bordered;
    }


    以下是学习它的一些资料:


    1、less.js下载地址:http://www.lesscss.net/#download-options 

    2、高速 新手教程:http://www.bootcss.com/p/lesscss/

    3、在ie6/7/8下使用less。须要加上es5-shim.js。下载地址:https://github.com/yumucode/es5-shim


    刚在ie6下測试,使用http://localhost/test/less/会抱错,来不及查原因。而http://localhost/test/less/index.php则不会报错。比較理想的做法是不让浏览器执行less.js,而是在头版输出,把.less文件转化成.css档。

    版权声明:本文博主原创文章。博客,未经同意不得转载。

  • 相关阅读:
    【交互稿】规范
    【管理】带人
    【产品文档】一份很不错的产品文档-神策
    没有Iphone也能装逼:让Android版QQ显示成Iphone6
    帝国备份王(Empirebak)万能cookie及拿shell
    mysql syntax bypass some WAF
    主流的国外机房地址
    最新php一句话木马
    手机自带的显示基站命令(android手机定位,iphone基站定位)
    User Agent跨站攻击
  • 原文地址:https://www.cnblogs.com/hrhguanli/p/4817674.html
Copyright © 2011-2022 走看看