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

Less学习笔记(未完待续)

时间:2017-12-30 19:11:04      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:base   特性   学习笔记   ack   好的   完全   另一个   post   混合   

     作为 CSS 的一种扩展,Less 不仅完全兼容 CSS 语法,而且连新增的特性也是使用 CSS 语法。这样的设计使得学习 Less 很轻松,而且你可以在任何时候回退到 CSS(摘自官网)

1.变量

   Less通过@来定义变量;Less中的变量为完全的常量,所以只能被定义一次

  @base: #f938ab;  

 

  div {
    background: @base;
    padding: 50px;
  }
  p {
    color: #ff0;
  }

2.混合(Mixin)

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

 

Less学习笔记(未完待续)

标签:base   特性   学习笔记   ack   好的   完全   另一个   post   混合   

原文地址:https://www.cnblogs.com/0402jing/p/8150672.html

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