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

问题描述

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

问题解答

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

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

5.2 如何使用LESSLESS可以直接在客户端使用，也可以在服务器端使用。在实际项目开发中，建议使用第三种方式，提前将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文档结构，代码如下：






`