如果你問我一個樣式指南首先要描述什么,我會告訴你:編寫代碼的通用準則。
當幾個開發者在同一項目中編寫 CSS 時,遲早會陷入各自為政的境地。編碼樣式指南通過規范統一的樣式,不僅防止了這種混亂現象,也減輕了閱讀和維護代碼的難度。
概括地說,我們希望做到(受?[CSS Guidelines](http://cssguidelin.es/#syntax-and-formatting)?所啟發):
* 使用兩個空格代表縮進,而不是使用tab鍵;
* 理想上,每行保持為80個字符寬度;
* 正確書寫多行CSS規則;
* 有意義的使用空格。
~~~
// Yep
.foo {
display: block;
overflow: hidden;
padding: 0 1em;
}
// Nope
.foo {
display: block; overflow: hidden;
padding: 0 1em;
}
~~~
在本部分中不會涉及有關文件組織的問題,相關討論在[另一節](http://sass-guidelin.es/zh/?utm_source=tuicool#architecture)中。
- 關于作者
- 貢獻
- 關于Sass
- Ruby Sass Or LibSass
- Sass Or SCSS
- 其他預編譯器
- 簡介
- 為什么需要一個樣式指南
- 免責聲明
- 核心原則
- 語法格式
- 字符串
- 數字
- 顏色
- 列表
- Maps
- CSS規則集
- 聲明順序
- 選擇器嵌套
- 命名約定
- 常量
- 命名空間
- 注釋
- 標示注釋
- 文檔
- 結構
- 組件
- 7-1模式
- Shame文件
- 響應式設計和斷點
- 命名斷點
- 斷點管理器
- 媒體查詢用法
- 變量
- 作用域
- !default標識符
- !global標識符
- 多變量或maps
- 擴展
- 混合宏
- 基礎
- 參數列表
- 混合宏和瀏覽器前綴
- 條件語句
- 循環
- Each
- For
- While
- 警告和錯誤
- 警告
- 錯誤
- 工具
- Compass
- 柵格系統
- SCSS-Lint
- 總結概要