sass和bootstrap有什么區別

這篇文章將為大家詳細講解有關sass和bootstrap有什么區別，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

區別：Bootstrap是基于HTML、CSS、JavaScript開發的簡潔、直觀、強悍的前端開發框架；而sass是一種層疊樣式表語言，是一個將腳本解析成CSS的腳本語言。

本教程操作環境：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有什么區別”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。