溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css預編譯的工作原理

發(fā)布時間:2020-11-13 10:58:39 來源:億速云 閱讀:193 作者:小新 欄目:web開發(fā)

小編給大家分享一下css預編譯的工作原理,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

css預編譯是指通過能讀取文件的語言編寫的插件把文件解析成css文件,因為它們的文件名都不是css,寫法也不是純css,而是無法被瀏覽器識別的,所以寫完需要編譯一下才能使用,這便是css預編譯。

預編譯原理

通過能讀取文件的語言編寫的插件把文件解析成css文件,因為他們的文件名都不是css,寫法也不是純css,是無法被瀏覽器識別的,所以寫完需要編譯一下才能使用,這就是預編譯。

目前最常見的工具

sass,2007年誕生,最早也是最成熟的CSS預處理器,擁有ruby社區(qū)的支持和compass這一最強大的css框架,目前受LESS影響,已經進化到了全面兼容CSS的SCSS(SCSS 需要使用分號和花括號而不是換行和縮進)

less,2009年出現(xiàn),受SASS的影響較大,但又使用CSS的語法,讓大部分開發(fā)者和設計師更容易上手,在ruby社區(qū)之外支持者遠超過SASS,其缺點是比起SASS來,可編程功能不夠,不過優(yōu)點是簡單和兼容CSS,反過來也影響了SASS演變到了SCSS的時代,著名的Twitter Bootstrap就是采用LESS做底層語言的

stylus,2010年產生,來自Node.js社區(qū),主要用來給Node項目進行CSS預處理支持,在此社區(qū)之內有一定支持者,在廣泛的意義上人氣還完全不如SASS和LESS。

以上是css預編譯的工作原理的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經查實,將立刻刪除涉嫌侵權內容。

AI