首先,在**可以運行**和**運行良好**兩種狀態之間存在著巨大的差別。其次,CSS 是一個相當容易被混淆的語言。使用的 CSS 越少,工作會越愉快。沒人想處理兆字節量的 CSS 代碼。保持樣式表簡短而高效,就不會有諸多詭異。將接口視為組件的集合來使用往往是非常棒的思維。
組件可以是任意的,前提是遵循以下規范:
* 可以做一件事,只做一件;
* 在整個項目中可以重用,具有可復用性;
* 各自獨立。
例如,搜索框就應該被視為一個組件,可以在不同位置、不同頁面、多種環境下重復使用。它不應該受限于 DOM 中的位置(頁腳、側邊欄、主內容區…)。
幾乎所有的接口都可以被視為小組件,而且強烈建議堅持這種模式。這不僅僅會精簡整個項目中 CSS 的代碼量,而且也會比維護一個到處無邏輯的爛攤子容易得多。
- 關于作者
- 貢獻
- 關于Sass
- Ruby Sass Or LibSass
- Sass Or SCSS
- 其他預編譯器
- 簡介
- 為什么需要一個樣式指南
- 免責聲明
- 核心原則
- 語法格式
- 字符串
- 數字
- 顏色
- 列表
- Maps
- CSS規則集
- 聲明順序
- 選擇器嵌套
- 命名約定
- 常量
- 命名空間
- 注釋
- 標示注釋
- 文檔
- 結構
- 組件
- 7-1模式
- Shame文件
- 響應式設計和斷點
- 命名斷點
- 斷點管理器
- 媒體查詢用法
- 變量
- 作用域
- !default標識符
- !global標識符
- 多變量或maps
- 擴展
- 混合宏
- 基礎
- 參數列表
- 混合宏和瀏覽器前綴
- 條件語句
- 循環
- Each
- For
- While
- 警告和錯誤
- 警告
- 錯誤
- 工具
- Compass
- 柵格系統
- SCSS-Lint
- 總結概要