文档介绍:LESS之美
一种动态样式语言
LESS是一种动态样式语言
LESS 将 CSS 赋予了动态语言的特性,如变量, 继承, 运算, 函数. LESS 既可以在客户端上运行(支持IE 6+, Webkit, Firefox),。
优势
使得CSS开发更灵活和更强大
模块化
复用性
......
LESS和SASS区别
LESS和SASS最大的区别是他们处理的方式。
LESS是一个JavaScript库,所以,它在客户端执行;
SASS需要Ruby,在服务器端运行。
许多开发人员不选择LESS因为在浏览器里Javascript解析less代码返回CSS代码需要额外的时间。
安装
1
2
例:
创建一个样式表
3
添加下面代码到HTML的<head>块里
<link rel="stylesheet/less" type="text/css" href="">
<script src="" type="text/javascript"></script>
注意
Link中rel要设置为/less结尾,或者type="text/less"
请在服务器环境下使用!本地直接打开会报错!
还有一个服务器端的LESS。在服务器端使用LESS最简单的办法是使用Node Package Manager (NPM)。
Winless
Winless 会监控你指定的文件夹里面的*.less 文件,
当此类型文件更改时,会解析生成对应的*.css 文件,
Html 页面还是引用*.css 文件,
所有的 css 编写都是在 less 里面维护。
开始LESS
变量
运算
表达式
颜色方法
混合
带参数混合
***@arguments 变量
嵌套规则
命名空间
作用域
变量
运算