美文网首页
less学习记录

less学习记录

作者: 三多_250e | 来源:发表于2018-09-26 10:49 被阅读0次

一:less优缺点分析

    优点:

       1:less可以减少css中的很多重复代码编写,样式可以统一使用

       2:less只是在css基础上做的扩展,所以老的css代码也可以与less一同编译,即完全兼容css

       3:轻松实现多重继承,like this


.box {

 display: block;

}

.thick-bordered {

 border: 5px solid black;

}

.notice {

 .box;

 .thick-bordered;

}

        4:可以方便的屏蔽浏览器私有差异,封装对浏览器差异的重复处理,减少无意义的代码重复编写

        5:最大优点就是可以使css也有变量,可以运算等;

缺点:

    1:需要编译,无论上放在客户端还是服务器端,都上一种额外花销

    2:不要为了使用而使用,如果没有

编译过程:

先写.

相关文章

  • less学习记录

    一:less优缺点分析 优点: 1:less可以减少css中的很多重复代码编写,样式可以统一使用 ...

  • Less学习记录

    1.变量 很简单,就是事先声明好属性变量,选择器直接引用即可 2.混合 引用另一个规则集里的某些属性时,直接在访问...

  • LESS/SASS学习记录

    LESS 参考资料:LESS官网w3cplus less入门教程 less的编译 less特性及语法 变量——V...

  • Less基础学习记录

    1.嵌套 经过less编译以后为 2.使用变量 经过less编译以后为 3.转义 经过less编译以后为,~“so...

  • webpack起步(1)

    编译,打包,处理css,处理less,处理图片,启动日志显示,html打包规则webpack学习记录

  • less基础

    less less语法学习

  • less基础学习记录总结

    目录 变量 混合 带参数混合 嵌套规则 运算 Color函数 命名空间 作用域 Importing 变量 less...

  • Less记录

    参考地址:https://less.bootcss.com/Less是在CSS语言的基础上,保留了CSS语言的所有...

  • vuecli3中使用less

    记录一下如何在vue中使用less吧~首先先需要安装less less-loader npm install le...

  • less使用

    LESS 的介绍 学习网站:快速入门 | Less.js 中文文档LESS « 一种动态样式语言 Less的安装 ...

网友评论

      本文标题:less学习记录

      本文链接:https://www.haomeiwen.com/subject/akjloftx.html