首页 > 代码库 > less

less

在本周我们学习了less的基本用法,它是什么,有什么作用? 

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。

Less 可以运行在 Node 或浏览器端。

如何使用引用less?

在页面中加入 .less 样式表的链接,并将 rel 属性设置为 "stylesheet/less":

<link rel="stylesheet/less" type="text/css" href=http://www.mamicode.com/"styles.less" />

接下来, <script></script> 标签将其引入,放置于页面的 <head> 元素内:

<script src=http://www.mamicode.com/"less.js" type="text/javascript"></script>

1.务必确保在 less.js 之前加载你的样式表。

2.如果加载多个 .less 样式表文件,每个文件都会被单独编译。因此,一个文件中所定义的任何变量、mixin 或命名空间都无法在其它文件中访问

 

less