CSS的工作就是負責網頁外觀與排版的屬性設定，雖然CSS是一個必要的基礎工具，但是要在單一網頁中寫好CSS就已經不是件簡單的工作，在撰寫整個網站時會更加困難，更不用說在撰寫大型網站專案時，如果沒有妥善管理CSS，很容易變成雜亂的結構，引發根本無從管理與維護的災難。 而隨著網頁開發越來越複雜，CSS的可維護性也越來越顯得重要，但是標準CSS語法有重複性不佳、可維護性差等缺點，於是便發展出CSS預處理器來擴展出更有彈性的寫法。Sass(Syntactically Awesome Style Sheets)與SCSS(Sassy CSS)都是CSS的預處理器(CSS preprocessor)，所謂CSS的預處理器就是一個可以提升撰寫CSS網頁效率的處理機制，也可以說是一種程式語言，Sass的基本概念就是利用一種專門的程式語言SassScript，以程式的優點來撰寫網頁外觀與排版的樣式設計，然後輸出成為CSS文件，再交給瀏覽器執行。 Sass 是最早的CSS預處理語言，有著強大的功能，但是由於無法跟標準CSS語法相容，因此並不普及。因此Sass就進化成為SCSS。 而SCSS的語法則與標準的CSS語法相容，推出後大受歡迎，現在已經成為最主流的CSS預處理器。本課程由最基礎的語法開始，逐步的引導學員了解Sass與SCSS，課程目標是能夠讓學員能夠使用Sass/SCSS高效率的產出有優良結構與維護性強的CSS檔案。