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

Less

时间:2020-04-06 15:59:01      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:运算   selector   nbsp   样式   boot   font   rap   nod   css   

###less
    less是一种动态样式语言,属于css预处理器的范畴,它扩展了 CSS 语言,
    增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展
    LESS 既可以在 客户端 上运行 ,也可以借助Node.js在服务端运行。
 
    less的中文官网:http://lesscss.cn/
    bootstrap中less教程:http://www.bootcss.com/p/lesscss/
 
###Less编译工具
    koala 官网:www.koala-app.com
    
###less中的注释
       以//开头的注释,不会被编译到css文件中
       以/**/包裹的注释会被编译到css文件中  
    
###less中的变量
    使用@来申明一个变量:@pink:pink;
    1.作为普通属性值只来使用:直接使用@pink
    2.作为选择器和属性名:#@{selector的值}的形式
    3.作为URL:@{url}
    4.变量的延迟加载

###less中的嵌套规则
    1.基本嵌套规则
    2.&的使用

###less中的混合
    混合就是将一系列属性从一个规则集引入到另一个规则集的方式
    1.普通混合      
    2.不带输出的混合
    3.带参数的混合
    4.带参数并且有默认值的混合
    5.带多个参数的混合
    6.命名参数
    7.匹配模式
    8.arguments变量
    
###less运算
    在less中可以进行加减乘除的运算

###less避免编译

###less继承
    性能比混合高
    灵活度比混合低
    
            

Less

标签:运算   selector   nbsp   样式   boot   font   rap   nod   css   

原文地址:https://www.cnblogs.com/xiaohaodeboke/p/12641881.html

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