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能支援一些程式語言才有的功能，比如 表示式，函式，變數，迴圈，判斷.有這些功能就能方便重複定義，寫...