首頁  >  文章  >  web前端  >  sass和bootstrap的差別是什麼

sass和bootstrap的差別是什麼

青灯夜游
青灯夜游原創
2021-11-01 14:34:002090瀏覽

區別:Bootstrap是基於HTML、CSS、JavaScript開發的簡潔、直覺、強悍的前端開發框架;而sass是一種層疊樣式表語言,是將腳本解析成CSS的腳本語言。

sass和bootstrap的差別是什麼

本教學操作環境:Windows7系統、bootsrap3.3.7版、DELL G3電腦

#bootstrap

Bootstrap是基於HTML、CSS、JavaScript 開發的簡潔、直覺、強悍的前端開發框架,讓Web 開發更快速。

同時,Bootstrap也提供了一套編碼規範,讓團隊所寫的CSS和JavaScript程式碼更加規範,進而讓團隊的開發效率大幅提升。

Bootstrap是一個易用、優雅、靈活、可擴展的前端工具包,裡麵包含了豐富的Web元件,包括佈局、柵格、表格、表單、導航、按鈕、進度條、媒體對象等,基於這些元件,可以快速建立一個漂亮、功能完整的網站。由於Firefox、Chrome、Safari等主流瀏覽器對W3C標準有著較好的支持,因此,Bootstrap在網頁誇瀏覽器相容方面也有相當不錯的表現。

sass

Sass是一個最初由Hampton Catlin設計並由Natalie Weizenbaum開發的層疊樣式表語言。在開發最初版本之後,Weizenbaum和Chris Eppstein繼續透過SassScript來繼續擴充Sass的功能。 SassScript是一個在Sass檔案中使用的小型腳本語言。

Sass是一個將腳本解析成CSS的腳本語言,即SassScript。

Sass包含兩套語法。最開始的語法叫做“縮排語法”,與Haml類似,使用縮進來區分程式碼區塊,並且用回車將不同規則分隔開。

而較新的語法叫做“SCSS”,使用和CSS一樣的區塊語法,即使用大括號將不同的規則分開,使用分號將具體的樣式分開。通常情況下,這兩套語法透過.sass和.scss兩個檔案副檔名區分開。

Sass 擴展了 CSS3,增加了規則、變數、混入、選擇器、繼承等等特性。 Sass 產生良好格式化的 CSS 程式碼,易於組織和維護。

SASS是CSS3(層疊樣式表)的語法的一種擴充,它可以使用巢狀、混入、選擇子繼承等功能,可以更有效有彈性的寫出Stylesheet。 Sass最後還是會編譯出合法的CSS讓瀏覽可以使用。

也就是說它本身的語法並不太容易讓瀏覽器識別(雖然它和CSS的語法非常的像,幾乎一樣),因為它不是標準的CSS格式,在它的語法內部可以使用動態變數等,所以它更像一種極簡單的動態語言。

更多程式相關知識,請造訪:程式設計影片! !

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn