码迷,mamicode.com
首页 > Web开发 > 详细

关于Less,你必知的知识点

时间:2016-07-22 23:16:59      阅读:415      评论:0      收藏:0      [点我收藏+]

标签:

这是一篇关于Less学习教程 http://www.maiziedu.com/course/497/,讲解了Less的语法,Less的混合等知识点。

 

 

1. 关于 less sass 的预编译处理器

LESS CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。

less 编译使用前期使用koala 编译

2. less的 语法

A): 注释 less 有两种注释  /* 就是从lesscss可以在css里面见 */ 可以编译      //不能见 但是可以在less中见到 提倡使用 以后维护也是维护less 不能编译

B):   变量 变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。


3. less的混合

混合可以将一个定义好的class A轻松的引入到另一个class B中,从而简单实现class B继承class A中的所有属性。我们还可以带参数地调用,就像使用函数一样。

  

4.嵌套规则

我们可以在一个选择器中嵌套另一个选择器来实现继承,这样很大程度减少了代码量,并且代码看起来更加的清晰。

5. 函数 & 运算

运算提供了加,减,乘,除操作;我们可以做属性值和颜色的运算,这样就可以实现属性值之间的复杂关系。LESS中的函数一一映射了JavaScript代码,如果你愿意的话可以操作属性值。


原文来自:博客园/Befacebook


关于Less,你必知的知识点

标签:

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
jiangjie190
加入时间:2016-02-19
  关注此人  发短消息
文章分类
jiangjie190”关注的人------(0
jiangjie190”的粉丝们------(1
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!