Less基础-功能和使用方法

本文介绍了CSS的维护弊端,然后详细探讨了Less这门CSS预处理器语言,包括其变量、编译过程(如VSCODE的Less插件)、嵌套规则和运算功能。Less通过提供变量、混入、运算等特性,简化了CSS编写,提高了代码的可维护性和复用性。
摘要由CSDN通过智能技术生成

Less基础

维护css的弊端

CSS是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念。

  • CSS需要书写大量看似没有逻辑的代码冗余度是比较高的。
  • 不方便维护及扩展,不利于复用。
  • CSS没有很好的计算能力
  • 非前端开发工程师来讲,往往会因为缺少CSS编写经验而很难写出组织良好且易于维护的CSS代码项目。

Less介绍

Less( Leaner Style Sheets的缩写)是一门CSS扩展语言,也成为CSS预处理器。

做为CSS的一种形式的扩展,它并没有减少CSS的功能,而是在现有的CSS语法上,为CSS加入程序式语言的特性。

它在CSS的语法基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化了CSS的编写,并且降低了CSS的维护成本,Less可以让我们用更少的代码做更多的事情。

Less中文网址:http://lesscss.cn/
常见的CSS预处理器:Sass、Less、Stylus

总结:Less是一门CSS预处理语言,它扩展了CSS的动态特性

Less的使用

我们首先新建一个后缀名为less的文件,在这个less文件里面书写less语句。

1. Less变量

变量是指没有固定的值,可以改变的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值