什么是 Less?
Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、嵌套、函数等功能,让 CSS 更易编写、维护等。
本质上,Less 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。
例子:
/*嵌套*/ .box { color: #fe33ac; border-color:#fdcdea; div { font-size:16px }
}
Less可以运行在Node、浏览器和Rhino平台上,
使用 Less 的意义?
改变传统样式的编写方式,以面向对象的方式编写;
变量、函数、嵌套的使用,提高开发效率。
如何使用 Less ?
1.在服务端,如Node.js,有专门的 less 编译模块。
2.在客户端,从LESS官网下载 less.js文件,然后再html页面引入。
<link rel="stylesheet/less" type="text/css" href="styles.less" /> 按less语法写的样式
<script src="less.js" type="text/javascript"></script> less文件解析器,使采用less语法写的样式能正常工作。
3.使用第三方工具等,把 .less文件编译成 .css文件再使用。(与1.Node.js处理less文件同理)
(本文仅供学习交流使用~)