码迷,mamicode.com
首页 > 其他好文 > 详细

关于less框架使用

时间:2015-08-14 00:59:28      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:

---恢复内容开始---

#2015-8-13  
###关于a标签下面那根线的代码问题处理   
  

    text-decoration:none;//此代码为处理a标签下面那根线的代码  
  
###关于css中的less框架  
  
     LESS 可以直接在客户端使用,也可以在服务器端使用。在实际项目开发中,
     我们更推荐使用第三种方式,将 LESS 文件编译生成静态 CSS 文件,并在 HTML 文档中应用。  
    
     //下文中,在less中属于参合模式代码,方便代码重复作用
     @color: #4D926F; 
     #header { 
      color: @color; 
     } 
     h2 { 
      color: @color; 
     }  
    //下文属于在HTML中引入lees文件,不过不建议使用,
    可以用koala文件编译直接引入css文件这样方便初级开发人员使用;
      <link rel="stylesheet/less" type="text/css" href="styles.less"> 
    
    需要注意的是:在引入 .less 文件时,rel 属性要设置为“stylesheet/less”。
    还有更重要的一点需要注意的是:LESS 源文件一定要在 less.js 引入之前引入,
    这样才能保证 LESS 源文件正确编译解析。  
   
    //在less框架语言中,我们可以使用变量这辆可以是代码重复的话修改方便;看下面代码;  
   
    @border-color : #b5bcc7; 

     .mythemes tableBorder{ 
       border : 1px solid @border-color; 
     }

 

//结束语,上面提到的只是一点很少的量;由于本人初学者,今天刚接触,

---恢复内容结束---

关于less框架使用

标签:

原文地址:http://www.cnblogs.com/ysb255236/p/4728786.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!