less的优缺点及总结

Less是一种CSS预处理语言,提供变量、混型(mixin)和嵌套等功能,提高了CSS编写效率和可维护性。优点在于简化大型项目的样式修改,如通过变量统一管理样式,使用混型复用复杂样式,以及通过嵌套提升代码组织性。缺点包括增加学习成本,需要额外的编译工具,并且编译后的CSS文件大小略有增加。
摘要由CSDN通过智能技术生成

首先来看看官方定义:

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性。Less 可以运行在 Node 或浏览器端。

less的优点:

  1. 可以设置变量。在比较大的工程里面,想要找到某个特定的样式并修改参数无疑是非常困难的,而有了变量设置,可以把所有的样式的值都用变量表示,这样修改某个样式就只需要找到对应的变量就行了。
    比如bootstrp源码包里就有个variables.less文件,专门用来放变量,当然,比较小的工程没必要费那个劲。

  2. 可以写混型(mixin)。有点像是预定义的类,有些写法很复杂、字很多的样式,可以先把他写成类,然后在后面直接引用就行了。
    比如:

.color-gradient(@start-color, @end-color){
	background: linear-gradient(@start-color, @end-color);
	background: -moz-linear-gradient(@start-color, @end-color);
	background: -o-linear-gradient(@start-color, @end-color);
	background: -webkit-linear-gradient(@start-color, @end-color);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = @start
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值