想学习颜色计算方面的知识,应该怎么下手?我想百度也不知道应该怎么搜索关键词.有没有相关的书籍或者博文可以介绍一下?
大家讲道理2017-04-17 11:45:25
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文件結構,程式碼如下:
`_ 🎜>