说到less,我们首先肯定会想到css或者scss。那抛开scss,就单独谈谈为什么选择了less,而非css,他们的区别又有那么些呢?
Less是一门CSS预处理语言,css是一种用来表现HTML或XML等文件样式的计算机语言。less扩展了CSS语言,增加了变量、Mixin、函数、运算、继承、嵌套等特性。css可以被浏览器直接识别,less需要先编译为css。
使用方法
说白了就是less可以看做是一个工具,让你操作css更方便的工具。既然是工具,在使用它之前肯定就要去“安装”这个工具。less官方也提供了几种“使用工具”的方法:
node环境中使用
通过npm的安装方式全局安装或者项目目录安装
npminstallless-g
浏览器中使用
通过引入less.js的方法,然后在浏览器中可以自动编译你的.less文件
首先,将.less样式表的l属性设置为“stylesheet/less”:
linkl="stylesheet/less"type="text/css"hf="styles.less"/
接下来,下载less.js,并将其包含在页面元素中的script/script标记中head:
scriptsrc="less.js"type="text/javascript"/script
当然你也可以配置一些设定选项,这个可以转移到