手機(jī)也能上課
1/12
什么是 CSS 預(yù)處理器?
什么是 CSS 預(yù)處理器?
Less
是CSS預(yù)處理器之一,它能讓你更好的、更輕松的工作。
這個(gè)Less教程主要適合前端開(kāi)發(fā)人員,能幫助前端開(kāi)發(fā)人員快速的掌握Less,并且直接運(yùn)用于實(shí)際項(xiàng)目當(dāng)中。
定義:
CSS 預(yù)處理器定義了一種新的語(yǔ)言,其基本思想是,用一種專門(mén)的編程語(yǔ)言,為 CSS 增加了一些編程的特性,將 CSS 作為目標(biāo)生成文件,然后開(kāi)發(fā)者就只要使用這種語(yǔ)言進(jìn)行編碼工作。
通俗的說(shuō),“CSS 預(yù)處理器用一種專門(mén)的編程語(yǔ)言,進(jìn)行 Web 頁(yè)面樣式設(shè)計(jì),然后再編譯成正常的 CSS 文件,以供項(xiàng)目使用。CSS 預(yù)處理器為 CSS 增加一些編程的特性,無(wú)需考慮瀏覽器的兼容性問(wèn)題”,例如你可以在 CSS 中使用變量
、簡(jiǎn)單的邏輯程序
、函數(shù)
等等在編程語(yǔ)言中的一些基本特性,可以讓你的 CSS 更加簡(jiǎn)潔、適應(yīng)性更強(qiáng)、可讀性更佳,更易于代碼的維護(hù)等諸多好處。
比較常見(jiàn) CSS 預(yù)處理器語(yǔ)言:
LESS
Sass(SCSS)
Stylus
Turbine
Swithch CSS
CSS Cacheer
DT CSS
到目前為止,在眾多優(yōu)秀的 CSS 預(yù)處理器語(yǔ)言中就屬 Less、 Sass 和 Stylus 最優(yōu)秀,論壇討論的也多,對(duì)比的也多。 本教程將帶領(lǐng)您快速掌握 Less 馬上開(kāi)始吧!