sass和css3有哪些區(qū)別

這篇文章主要介紹了sass和css3有哪些區(qū)別的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇sass和css3有哪些區(qū)別文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

sass和css3的區(qū)別：1、sass是由buby語(yǔ)言編寫(xiě)的一款css預(yù)處理語(yǔ)言，不使用花括號(hào)和分號(hào)，而css3是css技術(shù)的升級(jí)版本，是使用花括號(hào)和分號(hào)的；2、sass瀏覽器不能直接識(shí)別解析，需要經(jīng)過(guò)編譯器編譯，而css3可以識(shí)別。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

sass和css3有什么區(qū)別

sass和css區(qū)別

CSS 指層疊樣式表 (Cascading Style Sheets)

CSS3是CSS（層疊樣式表）技術(shù)的升級(jí)版本，于1999年開(kāi)始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模塊、超鏈接方式、語(yǔ)言模塊、背景和邊框、文字特效、多欄布局等模塊。

Sass (Syntactically Awesome StyleSheets)，是由buby語(yǔ)言編寫(xiě)的一款css預(yù)處理語(yǔ)言，有嚴(yán)格的縮進(jìn)風(fēng)格，和css編寫(xiě)規(guī)范有著很大的出入，是不使用花括號(hào)和分號(hào)的。

Sass 是一款強(qiáng)化 CSS 的輔助工具，是對(duì) CSS 的擴(kuò)展，它在 CSS 語(yǔ)法的基礎(chǔ)上增加了變量 (variables)、嵌套 (nested rules)、混合 (mixins)、繼承(extend)、導(dǎo)入 (inline imports)等高級(jí)功能，這些拓展令 CSS 更加強(qiáng)大與優(yōu)雅。使用 Sass 以及 Sass 的樣式庫(kù)（如 Compass）有助于更好地組織管理樣式文件，以及更高效地開(kāi)發(fā)項(xiàng)目， 其后綴是.sass。

css預(yù)處理器

css預(yù)處理器是用一種專門的語(yǔ)言，進(jìn)行網(wǎng)頁(yè)的樣式設(shè)計(jì)，之后在被編譯為正常的css文件，以供項(xiàng)目使用。

使用css預(yù)處理語(yǔ)言的好處：使css更加簡(jiǎn)潔、方便修改、可讀性強(qiáng)、適應(yīng)新強(qiáng)并且更易于代碼的維護(hù)。

總結(jié)：

• sass是css預(yù)處理語(yǔ)言，編譯后生成css；

• sass不使用花括號(hào)和分號(hào)，使用縮進(jìn)，css使用花括號(hào)和分號(hào)；

• sass支持嵌套、繼承等高級(jí)功能，css不支持；

• sass更加優(yōu)雅，維護(hù)更加方便；

• sass瀏覽器不能直接識(shí)別解析，需要經(jīng)過(guò)編譯器編譯；
  

• sass的文件后綴名是.sass，css文件的后綴名是.css。
  

書(shū)寫(xiě)風(fēng)格：

// sass
#sidebar
  width: 30%
  background-color: #faa
  
// css
#sidebar {
  width: 30%;
  background-color: #faa;
}

關(guān)于“sass和css3有哪些區(qū)別”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“sass和css3有哪些區(qū)別”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。