css預(yù)編譯的工作原理-創(chuàng)新互聯(lián)

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

10年積累的成都網(wǎng)站建設(shè)、網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有赤坎免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

css預(yù)編譯是指通過能讀取文件的語言編寫的插件把文件解析成css文件，因?yàn)樗鼈兊奈募疾皇莄ss，寫法也不是純css，而是無法被瀏覽器識(shí)別的，所以寫完需要編譯一下才能使用，這便是css預(yù)編譯。

預(yù)編譯原理

通過能讀取文件的語言編寫的插件把文件解析成css文件，因?yàn)樗麄兊奈募疾皇莄ss，寫法也不是純css，是無法被瀏覽器識(shí)別的，所以寫完需要編譯一下才能使用，這就是預(yù)編譯。

目前最常見的工具

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

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

stylus，2010年產(chǎn)生，來自Node.js社區(qū)，主要用來給Node項(xiàng)目進(jìn)行CSS預(yù)處理支持，在此社區(qū)之內(nèi)有一定支持者，在廣泛的意義上人氣還完全不如SASS和LESS。

以上是css預(yù)編譯的工作原理的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享文章：css預(yù)編譯的工作原理-創(chuàng)新互聯(lián)
本文來源：http://m.jiaotiyi.com/article/dgdihp.html