表現層（CSS）
CSS 層疊樣式表是一門標記語言，並不是編程語言，因此不可以自定義變量，不可以引用等，換句話說就是不具備任何語法支持，它主要缺陷如下：
- 語法不夠強大，比如無法嵌套書寫，導致模塊化開發中需要書寫很多重復的選擇器；
- 沒有變量和合理的樣式復用機制，使得邏輯上相關的屬性值必須以字面量的形式重復輸出，導致難以維護；
這就導致了我們在工作中無端增加了許多工作量。為了解決這個問題，前端開發人員會使用一種稱之為 【CSS 預處理器】 的工具，提供 CSS 缺失的樣式層復用機制、減少冗余代碼，提高樣式代碼的可維護性。大大提高了前端在樣式上的開發效率。
什么是 CSS 預處理器
CSS 預處理器定義了一種新的語言，其基本思想是，用一種專門的編程語言，為 CSS 增加了一些編程的特性，將 CSS 作為目標生成文件，然后開發者就只要使用這種語言進行 CSS 的編碼工作。轉化成通俗易懂的話來說就是“用一種專門的編程語言，進行 Web 頁面樣式設計，再通過編譯器轉化為正常的 CSS 文件，以供項目使用”。
常用的 CSS 預處理器有哪些
- SASS：基於 Ruby，通過服務端處理，功能強大。解析效率高。需要學習 Ruby 語言，上手難度高於 LESS。
- LESS：基於 NodeJS，通過客戶端處理，使用簡單。功能比 SASS 簡單，解析效率也低於 SASS，但在實際開發中足夠了，所以我們后台人員如果需要的話，建議使用 LESS。