SMACSS——Scalable & Modular Architecture for CSS

標籤：for   re   amp   ar   c   不同的   

可擴充的模組化CSS結構：

1. Basic(基礎)：各種單一選取器，規定那些在整個項目裡都統一的元素，比如統一各種元素的瀏覽器預設樣式；
2. Layout(布局)：將頁面分區塊，使一至多個模組集合，比如頭部、頁尾、搜尋方塊、主體；
3. Module(模組)：可重用的組件、組件，如側邊欄、彈出框等；
4. State(狀態)：針對同樣的元素，如模板或布局，在不同的環境下，如不同的瀏覽器、不同的解析度下該如何呈現；
5. Theme(主題)：主題，類似於State，但範圍更廣。