首页 > less或者scss 颜色计算的知识应该怎么学?或者在哪里学?

less或者scss 颜色计算的知识应该怎么学?或者在哪里学?

想学习颜色计算方面的知识,应该怎么下手?我想百度也不知道应该怎么搜索关键词.有没有相关的书籍或者博文可以介绍一下?


5.2 如何使用LESS
LESS可以直接在客户端使用,也可以在服务器端使用。在实际项目开发中,建议使用第三种方式,提前将LESS文件编译成静态的CSS文件,然后在HTML文档中应用。例如,在Bootstrap框架中,通过在线定制LESS,提前生成CSS文件,以提高页面响应速度。访问http://www.bootcss.com/custom...,快速定制Bootstrap框架样式,如图5-2所示。

图5-2 在线定制Bootstrap框架样式
如果读者希望直接使用LESS,则可以在客户端或者服务器端直接编译应用,详细说明如下。
5.2.1 在客户端使用LESS
在客户端使用LESS,只需要下载less.js文件,然后在需要使用LESS源文件的HTML文档中导入即可。下面通过示例来演示如何在客户端正确使用LESS。
第1步:下载less.js文件。可访问http://lesscss.org或http://lesscss.googlecode.com/下载最新版本(1.3.0版)的less.js文件。(访问https://github.com/cloudhead/...可以下载未压缩的Master版本。)
第2步:创建LESS文件,LESS文件与CSS文件结构相近,不同点是LESS源文件多了编程语言的变量、函数等特性。可以把CSS文件改为LESS文件,只需要把CSS文件的后缀名改为.less即可。
第3步:新建HTML5文档,在文档头部区域加入以下代码:



可以看到,LESS源文件的导入方法与标准CSS文件导入方式一样,实际上LESS文件就是样式表文件。需要注意的是,在导入LESS文件时,需要设置rel属性值为"stylesheet/less",指定与本文档关联的外部文件类型为层叠式样式;或者设置type属性值为"text/less",指定导入的外部文件MIME类型为LESS。
提示 标签的type属性必须是"text/less",在导入外部CSS文件时,习惯将其设置为"text/css",这样容易引发歧义,而不能够正确导入外部LESS文件。

在导入外部LESS源文件之后,应再导入less.js,该JavaScript文件作为LESS源文件的解析器,负责把LESS文件编译为CSS文件,并插入到当前文档中。
第4步:设计HTML文档结构,代码如下:







`























看看bootstrap等框架的源码就可以了


请参考大漠的文章:Sass基础——颜色函数

【热门文章】
【热门文章】