CSS是什麼

• Cascading Style Sheets
• 一種用來為結構化文件（如 HTML 文件或 XML 應用）添加樣式（字型、間距和顏色等）的電腦語言
• 不能單獨使用，必須與 HTML 或 XML一起協同工作
• 配合各種手稿語言動態地對網頁各元素進行格式化
• 對網頁中元素位置的排版進行像素級精確控制
• 支援幾乎所有的字型字號樣式，擁有對網頁對象和模型樣式編輯的能力

CSS 預處理器是什麼

• 將程式模組化的概念，新增了變數、巢狀結構、混入、繼承等寫法，作為 CSS 語法的擴充，用以改善程式碼的結構與可維護性
• CSS 預處理器的誕生
• 隨著網頁開發複雜度提高，開發時面臨問題
• 全域樣式互相干擾，不易 debug，可維護性較差
• 重複撰寫相同樣式，不易閱讀
• 因此出現了CSS 預處理器
• 現今主要的 CSS 預處理器有3種，賦予 CSS 動態語言的特性

1. Sass/SCSS
2. Less
3. Stylus

• 不管使用哪種 CSS 預處理器，程式碼都必須先編譯（compiled）成 CSS 的形式，才能讓瀏覽器解讀並呈現出畫面