首頁 > web前端 > 前端問答 > sass和css3有什麼差別

sass和css3有什麼差別

WBOY
發布: 2022-02-17 16:28:32
原創
3462 人瀏覽過

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

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中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板