所在的位置: html >> html市场 >> Less教程及常用的操作

Less教程及常用的操作

说到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

当然你也可以配置一些设定选项,这个可以转移到


转载请注明:http://www.aierlanlan.com/rzdk/1794.html