Sass/SCSS 的優勢

• 可重用性 : 減少重複代碼
• 變數支持：樣式變更更加方便
• 巢狀（Nesting）規則 : Sass/SCSS 支持巢狀語法，編寫樣式時更清晰的表達結構，反映 HTML 層級關係
• HTML : 用於建立網頁內容並將其呈現在網路瀏覽器上的標準標記語言
• 函數與混合器（Mixins）：避免樣式冗餘，且可參數化，增加靈活性
• 繼承（Inheritance）：避免重複定義，降低維護成本
• 模塊化開發 : 提供了 @import 功能，允許將樣式拆分為不同的文件，實現模塊化開發，提升程式碼的可維護性

Sass/SCSS 的歷史

• 2006 年：Sass 由 Hampton Catlin 創建，最初是作為一種基於縮排的語法，為了提升 CSS 的可維護性和可重用性
• 2009 年：隨著使用者需求的變化，Chris Eppstein 和 Natalie Weizenbaum 為 SASS 引入了 SCSS 語法，使得 Sass 語法與傳統 CSS 更加兼容，吸引更多開發者
• 2010 年後：Sass/SCSS 成為許多前端框架和工具鏈的首選預處理語言之一，並與多個工具集成，幫助開發者加速開發流程
• 現今：Sass/SCSS 已經被廣泛應用在許多大型網站和項目中，並且被納入現代前端工具鏈的重要組成部分

Sass/SCSS 的應用

• 變數
• 巢狀
• 繼承
• 函數
• 混合器
• 模塊化與@import
• 條件語句與循環
• 響應式設計與媒體查詢