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;
}

（學習影片分享：css影片教學）

以上是sass和css3有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章！