1.less简介
1.1 为什么使用less
css是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念,且难以扩展和维护,而LESS恰好能解决以上问题。
1.2 什么是less
less is more,than css
动态样式语言,属于CSS预处理语言的一种,使用类似CSS的语法,为CSS赋予了动态语言的特性,比如:变量、继承、运算、函数等。更方便CSS编写和维护。
本质上,LESS包含一套自定义的语法以及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的CSS文件,LESS并没有裁剪CSS,而是在现有的CSS语法的基础上,为CSS加入程序式语言的特性。
使用场景:浏览器端、桌面客户端、服务器端。
1.3 使用less
less官网地址:https://lesscss.org/
中文官网:https://less.bootcss.com/
客户端运行Less分为两种情况:
- 直接在HTML页面引用.less文件,然后借助less.js去编译less文件动态生成css样式,以