sass與scss之間的區(qū)別有哪些

這篇文章主要講解了“sass與scss之間的區(qū)別有哪些”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“sass與scss之間的區(qū)別有哪些”吧！

創(chuàng)新互聯(lián)建站專注于網(wǎng)站建設(shè)，為客戶提供網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計開發(fā)服務(wù)，多年建網(wǎng)站服務(wù)經(jīng)驗，各類網(wǎng)站都可以開發(fā)，品牌網(wǎng)站建設(shè)，公司官網(wǎng)，公司展示網(wǎng)站，網(wǎng)站設(shè)計，建網(wǎng)站費用，建網(wǎng)站多少錢，價格優(yōu)惠，收費合理。

sass，也稱為縮進語法，類似于Ruby的編程語言。

它是來自另一個名為Haml的預(yù)處理器，受Haml的簡潔啟發(fā)，是由Ruby開發(fā)人員設(shè)計和編寫的，因此，Sass樣式表使用類似Ruby的語法。沒

sass適用于那些喜歡與CSS相似的簡潔性的人。它使用行的縮進來指定塊，而不是括號和分號，因此有括號，沒有分號和嚴(yán)格的縮進。sass語法中的文件使用擴展名.sass。

例：

//Variable

!primary-color=hotpink

//Mixin

=border-radius(!radius)

-webkit-border-radius=!radius

-moz-border-radius=!radius

border-radius=!radius.my-element

color=!primary-color

width=100%

overflow=hidden.my-other-element

+border-radius(5px)

正如我們所看到的，與常規(guī)CSS相比，這是一個相當(dāng)大的變化！變量標(biāo)志是“!”不“$”，分配符號“=”，而不是“：”，這樣有點奇怪！

但這是Sass在2010年5月3.0版到來之前的樣子，之后SassyCSS引入了一種名為scss的全新語法。這種語法旨在通過引入CSS友好語法來縮小Sass和CSS之間的差距。

感謝各位的閱讀，以上就是“sass與scss之間的區(qū)別有哪些”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對sass與scss之間的區(qū)別有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

文章標(biāo)題：sass與scss之間的區(qū)別有哪些
網(wǎng)頁路徑：http://bm7419.com/article48/ipohhp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、域名注冊、品牌網(wǎng)站制作、全網(wǎng)營銷推廣、標(biāo)簽優(yōu)化、網(wǎng)站設(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)