CSS預編譯是什麼?

2021-09-12 18:53:58 字數 518 閱讀 7010

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

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

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

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

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

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

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

.news-list

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

如下:

.news-list

CSS預編譯是什麼?

背景 大廠的任職要求裡還有一條是 熟悉使用sass.less等css預編譯工具。學習一樣東西的第一步就是首先知道它是什麼 有人開發了一些擴充套件css功能的寫法,比如less,sass,其目的是讓css能支援一些程式語言才有的功能,比如 表示式,函式,變數,迴圈,判斷.有這些功能就能方便重複定義,寫...

CSS預編譯是什麼?

背景 大廠的任職要求裡還有一條是 熟悉使用sass.less等css預編譯工具。學習一樣東西的第一步就是首先知道它是什麼 有人開發了一些擴充套件css功能的寫法,比如less,sass,其目的是讓css能支援一些程式語言才有的功能,比如 表示式,函式,變數,迴圈,判斷.有這些功能就能方便重複定義,寫...

CSS預編譯是什麼?

背景 大廠的任職要求裡還有一條是 熟悉使用sass.less等css預編譯工具。學習一樣東西的第一步就是首先知道它是什麼 有人開發了一些擴充套件css功能的寫法,比如less,sass,其目的是讓css能支援一些程式語言才有的功能,比如 表示式,函式,變數,迴圈,判斷.有這些功能就能方便重複定義,寫...