關於CSS預編譯

2021-10-11 16:22:01 字數 518 閱讀 5293

背景:大廠的任職要求裡還有一條是:熟悉使用sass.less等css預編譯工具。

學習一樣東西的第一步就是首先知道它是什麼

有人開發了一些擴充套件css功能的寫法,比如less,sass,其目的是讓css能支援一些程式語言才有的功能,比如:

表示式,函式,變數,迴圈,判斷.

有這些功能就能方便重複定義,寫css時省事。舉以下例子:

var colorred //用var定義乙個字型顏色變數樣式

//定義乙個新聞列表樣式

.news-list

上面這段擴充套件css語言的寫法裡面有變數,然而瀏覽器的css解析引擎是不認識css裡面的var這些東西的,這就是乙個無效的css,所以這些擴充套件css的語言有預處理器,作用是把上面這段瀏覽器不認識的**,還原為瀏覽器認識的css標準發給瀏覽器解析.

如下:

.news-list

預編譯 關於 和

1 在c語言巨集中,的功能是將器後面的巨集引數進行字串化操作,對它所引用的巨集變數通過替換後在其左右各加上乙個雙引號 define warn if exp do while 0 那麼實際使用中會出現下面所示的替換過程 warn if divider 0 被替換為 do while 0 這樣每次div...

關於預編譯頭

一 什麼是預編譯頭?預編譯頭物理上與通常的的.obj檔案是一樣的,但編譯入預編譯頭的.h,c,cpp檔案在整個編譯過程中,只編譯一次,如預編譯頭所涉及的部分不發生改變的話,在隨後的編譯過程中此部分不重新進行編譯。進而大大提高編譯速度,並便於對頭檔案進行管理,也有助於杜絕重複包含問題。二 什麼時候使用...

CSS預編譯工具(SASS,LESS)

sass和less都是專用於css的預編譯語言,他們2者的功能,操作都是大同小異。less稍微簡單一些,而sass有一些比較成熟的框架 如compass 功能強大一些,其中的語法也比較符合一門程式語言的習慣,比如說函式,作用域,程序控制等等。所以,我也是選擇的sass來使用。一 sass中文官網 使...