sass和css3有哪些區別

這篇文章主要介紹了sass和css3有哪些區別的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇sass和css3有哪些區別文章都會有所收獲，下面我們一起來看看吧。

sass和css3的區別：1、sass是由buby語言編寫的一款css預處理語言，不使用花括號和分號，而css3是css技術的升級版本，是使用花括號和分號的；2、sass瀏覽器不能直接識別解析，需要經過編譯器編譯，而css3可以識別。

本教程操作環境：windows10系統、CSS3&&HTML5版、Dell G3電腦。

sass和css3有什么區別

sass和css區別

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

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

Sass (Syntactically Awesome StyleSheets)，是由buby語言編寫的一款css預處理語言，有嚴格的縮進風格，和css編寫規范有著很大的出入，是不使用花括號和分號的。

Sass 是一款強化 CSS 的輔助工具，是對 CSS 的擴展，它在 CSS 語法的基礎上增加了變量 (variables)、嵌套 (nested rules)、混合 (mixins)、繼承(extend)、導入 (inline imports)等高級功能，這些拓展令 CSS 更加強大與優雅。使用 Sass 以及 Sass 的樣式庫（如 Compass）有助于更好地組織管理樣式文件，以及更高效地開發項目， 其后綴是.sass。

css預處理器

css預處理器是用一種專門的語言，進行網頁的樣式設計，之后在被編譯為正常的css文件，以供項目使用。

使用css預處理語言的好處：使css更加簡潔、方便修改、可讀性強、適應新強并且更易于代碼的維護。

總結：

• sass是css預處理語言，編譯后生成css；

• sass不使用花括號和分號，使用縮進，css使用花括號和分號；

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

• sass更加優雅，維護更加方便；

• sass瀏覽器不能直接識別解析，需要經過編譯器編譯；
  

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

書寫風格：

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

關于“sass和css3有哪些區別”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“sass和css3有哪些區別”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。