您的位置:首頁技術文章
文章詳情頁

css3 - less或者scss 顏色計算的知識應該怎么學?或者在哪里學?

瀏覽:136日期:2023-07-07 18:37:08

問題描述

想學習顏色計算方面的知識,應該怎么下手?我想百度也不知道應該怎么搜索關鍵詞.有沒有相關的書籍或者博文可以介紹一下?

問題解答

回答1:

請參考大漠的文章:Sass基礎——顏色函數

回答2:

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

回答3:

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文件??稍L問http://lesscss.org或http://lesscss.googlecode.com/下載最新版本(1.3.0版)的less.js文件。(訪問https://github.com/cloudhead/...可以下載未壓縮的Master版本。)第2步:創建LESS文件,LESS文件與CSS文件結構相近,不同點是LESS源文件多了編程語言的變量、函數等特性??梢园袰SS文件改為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文檔結構,代碼如下:??????????????`????????????????????????????????????????????

標簽: CSS
相關文章:
国产综合久久一区二区三区