小編給大家分享一下css預(yù)編譯的工作原理,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
css預(yù)編譯是指通過能讀取文件的語言編寫的插件把文件解析成css文件,因為它們的文件名都不是css,寫法也不是純css,而是無法被瀏覽器識別的,所以寫完需要編譯一下才能使用,這便是css預(yù)編譯。
預(yù)編譯原理
通過能讀取文件的語言編寫的插件把文件解析成css文件,因為他們的文件名都不是css,寫法也不是純css,是無法被瀏覽器識別的,所以寫完需要編譯一下才能使用,這就是預(yù)編譯。
目前最常見的工具
sass,2007年誕生,最早也是最成熟的CSS預(yù)處理器,擁有ruby社區(qū)的支持和compass這一最強大的css框架,目前受LESS影響,已經(jīng)進化到了全面兼容CSS的SCSS(SCSS 需要使用分號和花括號而不是換行和縮進)
less,2009年出現(xiàn),受SASS的影響較大,但又使用CSS的語法,讓大部分開發(fā)者和設(shè)計師更容易上手,在ruby社區(qū)之外支持者遠超過SASS,其缺點是比起SASS來,可編程功能不夠,不過優(yōu)點是簡單和兼容CSS,反過來也影響了SASS演變到了SCSS的時代,著名的Twitter Bootstrap就是采用LESS做底層語言的
stylus,2010年產(chǎn)生,來自Node.js社區(qū),主要用來給Node項目進行CSS預(yù)處理支持,在此社區(qū)之內(nèi)有一定支持者,在廣泛的意義上人氣還完全不如SASS和LESS。
以上是css預(yù)編譯的工作原理的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
標(biāo)題名稱:css預(yù)編譯的工作原理-創(chuàng)新互聯(lián)
網(wǎng)頁URL:http://chinadenli.net/article48/dgdihp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、網(wǎng)站設(shè)計、微信小程序、關(guān)鍵詞優(yōu)化、Google、App設(shè)計
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容