Less学习笔记
来源:互联网 发布:unity3d 如何三维建模 编辑:程序博客网 时间:2024/04/29 21:03
在浏览器端使用Less
引入less样式表
<link rel="stylesheet/less" type="text/css" href="css/style.less">
配置全局对象less来指定参数,并引入less.js
<script> less = { env: "development", async: false, fileAsync: false, poll: 1000, functions: {}, dumpLineNumbers: "comments", relativeUrls: false, rootpath: ":/a.com/" }; </script><script type="text/javascript" src="js/less.min.js"></script>
参数详解:
async
Default: false
是否异步加载重要文件
dumpLineNumbers
Options: ”| ‘comments’|’mediaquery’|’all’
Default: ”
如果设置了,这增加了源代码行信息输出的CSS文件。这有助于您调试,分析其中一个特定的规则是从哪里来的。
comments 选项用于输出user-understandable内容,
mediaquery 选项用于使用火狐插件解析css文件信息.
env
Options: development or production
Default: depends on page URL
运行环境,如果是production,你的css文件将被缓存到本地并且信息不会输出到控制台。如果url以file://开头或者在你本地或者没有标准的端口,这都将被认为是development模式。
errorReporting
Options: html|console|function
Default: html
设置编译失败时错误报告的方法。
fileAsync
Default: false
当以file协议访问页面,是否异步引入文件
functions
用户自定义函数
e.g.
less = {
functions: {
myfunc: function() {
return new(less.tree.Dimension)(1);
}
}
};
可以像Less函数一样使用它。
.my-class {
border-width: unit(myfunc(), px);
}
logLevel
Type: Number
Default: 2
在控制台输出日志的数量。如果是production环境,将不会输出任何信息。
2 - Information and errors1 - Errors0 - Nothing
poll
Default: 1000
在观察模式下,测试的时间,单位为ms。
relativeUrls
Default: false
使用相对路径。如果设置FALSE,则url是相对根目录文件。
globalVars
Default: undefined
全局变量列表注入代码。“字符串”类型的变量必须显式地包含引号。
less.globalVars = { myvar: “#ddffee”, mystr: “\”quoted\”” };
这个选项定义了一个可以被文件引用的变量。这个变量也可以在文件中重新定义。
modifyVars
Default: undefined
Same format as globalVars.
与 globalVars参数含义相反,它将会在你文件最后定义,这意味着它将重写你在文件定义的。
rootpath
Default: false
设置根目录,所有的Less文件都会以这个目录开始。
useFileCache
Default: true (previously false in before v2)
是否要使用每个会话文件缓存。缓存文件可以使用modifyVars,并且它不会再次检索所有文件。如果您使用观察模式或调用刷新加载设置为true,那么运行之前缓存将被清除。
- Less学习笔记
- less学习笔记
- less学习笔记
- Less学习笔记
- LESS学习笔记(下)
- less 学习笔记入门
- less学习笔记
- Less学习笔记
- less学习笔记
- LESS学习笔记
- less学习笔记
- Less 学习笔记
- less学习笔记
- LESS学习笔记
- Less学习笔记1
- css之less学习笔记
- LESS学习笔记(上)
- Less学习笔记(一)
- URL和URI的区别
- spring源码下载步骤
- Linux守护进程的编程实现
- 【Java】java 正则表达式去掉文本编辑器相关标签代码
- iOS Category 和 Extension的区别
- Less学习笔记
- Android 自定义Ratingbar
- iOS开发网络 -- JSON解析
- CentOS 5.1下跑Mono和Asp.net的实现方法
- MySQL查询语句练习题,测试足够用了
- Spring对RMI支持的实际应用实例
- svn命令行使用说明(转)
- 保留端口
- Android 系统栏,状态栏的隐藏