bootstrap 規範筆記

HTML属性顺序
HTML 属性应当按照以下给出的顺序依次排列，确保代码的易读性。
class
id, name
data-*
src, for, type, href
title, alt
aria-*, role
class 用于标识高度可复用组件，因此应该排在首位。id 用于标识具体组件，应当谨慎使用（例如，页面内的书签），因此排在第二位。



CSS

• 用兩個空格來代替製表符（tab） -- 這是唯一能保證在所有環境下獲得一致展現的方法。
• 為選擇器分組時，將單獨的選擇器單獨放在一行。
• 為了代碼的易讀性，在每個聲明塊的左花括號前添加一個空格。
• 每條聲明語句的：後應該插入一個空格。
• 對於屬性值或顏色參數，小於1 則可省略小數前面的0 （例如，.5 代替0.5；-.5px 代替-0.5px）。
• 十六進制值應該全部小寫，例如，#fff。
• 避免為0 值指定單位，例如，用margin: 0; 代替margin: 0px;。

不要使用 @import：與<link> 標籤相比，@import 指令要慢很多，

縮寫

• border-style, margin or padding 縮寫順序為 上 右 下 左
  border-width: 1em  (表示上 右 下 左四邊皆為 1em)
  border-width: 1em 2em (表示上 下 為 1em  ,  右 左為 2em )
  border-width: 1em 2em 3em  (表示上為 1em  ,  右 左為 2em   ,  下為 3em )
  border-width: 1em 2em 3em 4em  (表示上為 1em  ,  右為 2em   ,  下為 3em   ,  左為 2em )
• 背景
  background: #000 url(images/bg.gif) no-repeat top right;
• 字
  font: italic bold .8em/1.2 Arial, sans-serif;
• 邊框
  border: 1px solid #000;

class 命名

• class 名稱中只能出現小寫字符和破折號（dashe）（不是下劃線，也不是駝峰命名法）。破折號應當用於相關class 的命名（類似於命名空間）（例如，.btn 和.btn-danger）。
• class 名稱應當盡可能短，並且意義明確。
• 使用有意義的名稱。使用有組織的或目的明確的名稱，不要使用表現形式（表像的）的名稱。