問(wèn)題描述

想學(xué)習(xí)顏色計(jì)算方面的知識(shí),應(yīng)該怎么下手?我想百度也不知道應(yīng)該怎么搜索關(guān)鍵詞.有沒(méi)有相關(guān)的書(shū)籍或者博文可以介紹一下?

問(wèn)題解答

請(qǐng)參考大漠的文章：Sass基礎(chǔ)——顏色函數(shù)

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

5.2 如何使用LESSLESS可以直接在客戶端使用，也可以在服務(wù)器端使用。在實(shí)際項(xiàng)目開(kāi)發(fā)中，建議使用第三種方式，提前將LESS文件編譯成靜態(tài)的CSS文件，然后在HTML文檔中應(yīng)用。例如，在Bootstrap框架中，通過(guò)在線定制LESS，提前生成CSS文件，以提高頁(yè)面響應(yīng)速度。訪問(wèn)http://www.bootcss.com/custom...，快速定制Bootstrap框架樣式，如圖5-2所示。?圖5-2 在線定制Bootstrap框架樣式如果讀者希望直接使用LESS，則可以在客戶端或者服務(wù)器端直接編譯應(yīng)用，詳細(xì)說(shuō)明如下。5.2.1 在客戶端使用LESS在客戶端使用LESS，只需要下載less.js文件，然后在需要使用LESS源文件的HTML文檔中導(dǎo)入即可。下面通過(guò)示例來(lái)演示如何在客戶端正確使用LESS。第1步：下載less.js文件。可訪問(wèn)http://lesscss.org或http://lesscss.googlecode.com/下載最新版本（1.3.0版）的less.js文件。（訪問(wèn)https://github.com/cloudhead/...可以下載未壓縮的Master版本。）第2步：創(chuàng)建LESS文件，LESS文件與CSS文件結(jié)構(gòu)相近，不同點(diǎn)是LESS源文件多了編程語(yǔ)言的變量、函數(shù)等特性。可以把CSS文件改為L(zhǎng)ESS文件，只需要把CSS文件的后綴名改為.less即可。第3步：新建HTML5文檔，在文檔頭部區(qū)域加入以下代碼：????可以看到，LESS源文件的導(dǎo)入方法與標(biāo)準(zhǔn)CSS文件導(dǎo)入方式一樣，實(shí)際上LESS文件就是樣式表文件。需要注意的是，在導(dǎo)入LESS文件時(shí)，需要設(shè)置rel屬性值為'stylesheet/less'，指定與本文檔關(guān)聯(lián)的外部文件類型為層疊式樣式；或者設(shè)置type屬性值為'text/less'，指定導(dǎo)入的外部文件MIME類型為L(zhǎng)ESS。提示 標(biāo)簽的type屬性必須是'text/less'，在導(dǎo)入外部CSS文件時(shí)，習(xí)慣將其設(shè)置為'text/css'，這樣容易引發(fā)歧義，而不能夠正確導(dǎo)入外部LESS文件。

在導(dǎo)入外部LESS源文件之后，應(yīng)再導(dǎo)入less.js，該JavaScript文件作為L(zhǎng)ESS源文件的解析器，負(fù)責(zé)把LESS文件編譯為CSS文件，并插入到當(dāng)前文檔中。第4步：設(shè)計(jì)HTML文檔結(jié)構(gòu)，代碼如下：??????????????`????????????????????????????????????????????