這篇文章主要介紹了web開發(fā)中Less是什么,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)秦安,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):13518219792
Less是什么?
Less是一種CSS的擴(kuò)展和動(dòng)態(tài)樣式表語言,CSS預(yù)處理器,可以在客戶端或服務(wù)器端運(yùn)行,幫助我們自定義,管理和重用網(wǎng)頁的樣式表。
Less是一種開源語言,也是跨瀏覽器兼容的語言。
什么是CSS預(yù)處理器?
css預(yù)處理器
CSS預(yù)處理器是一種腳本語言,是CSS的擴(kuò)展。它被編譯成常規(guī)的CSS語法,然后由Web瀏覽器讀取CSS。較少看起來與CSS非常相似,但它提供了諸如變量,函數(shù),混合和操作等功能,可以幫助您構(gòu)建動(dòng)態(tài)CSS。
Less和SASS都是CSS預(yù)處理器的示例,因?yàn)樗鼈兌急痪幾g并生成由Web瀏覽器讀取的CSS語法。
如何使用Less?
Less是用JavaScript編寫的,需要運(yùn)行Node.js或Web瀏覽器。我們可以在網(wǎng)站中包含Less.js,它可以實(shí)時(shí)編譯所有鏈接的.Less樣式表。
Less的優(yōu)點(diǎn)和缺點(diǎn)
Less的優(yōu)點(diǎn)和缺點(diǎn)
優(yōu)點(diǎn):
1、Less是一個(gè)CSS預(yù)處理器。編譯后,它會(huì)生成簡單的CSS,適用于瀏覽器。
2、Less支持跨瀏覽器兼容性。
3、由于Less使用嵌套,使得代碼更短、更干凈,并以特定的方式組織
4、由于Less使用變量,可以更快地實(shí)現(xiàn)維護(hù)。
5、Less提供了一系列運(yùn)算符,使編碼更快,更省時(shí)。
6、Less提供@mport規(guī)則,這樣我們就可以輕松地處理外部文件。注:導(dǎo)入是必需的,因?yàn)樵S多人將樣式表分割為多個(gè)文件,而不是將其放入一個(gè)文件中。
7、Less提供了合并屬性。Less最令人興奮的特征是接受多個(gè)值,如transform,transition和box-shadow。
8、Less是用JavaScript編寫的,它可以比CSS的其他預(yù)處理器更快地編譯。
缺點(diǎn):
1、如果我們不熟悉CSS預(yù)處理,就必須花一些時(shí)間好好學(xué)習(xí)Less的相關(guān)知識。
2、與包含Compass,Gravity和Susy等框架的SASS等較早的預(yù)處理器相比,Less提供的框架更少。
3、在Less中,模塊之間存在緊密耦合,因此重用和/或測試相關(guān)模塊需要花費(fèi)更多精力。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“web開發(fā)中Less是什么”這篇文章對大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!