* 用兩個空格來代替制表符（tab） -- 這是唯一能保證在所有環境下獲得一致展現的方法。 * 為選擇器分組時，將單獨的選擇器單獨放在一行。 * 為了代碼的易讀性，在每個聲明塊的左花括號前添加一個空格。 * 聲明塊的右花括號應當單獨成行。 * 每條聲明語句的?`:`?后應該插入一個空格。 * 為了獲得更準確的錯誤報告，每條聲明都應該獨占一行。 * 所有聲明語句都應當以分號結尾。最后一條聲明語句后面的分號是可選的，但是，如果省略這個分號，你的代碼可能更易出錯。 * 對于以逗號分隔的屬性值，每個逗號后面都應該插入一個空格（例如，`box-shadow`）。 * 不要在?`rgb()`、`rgba()`、`hsl()`、`hsla()`?或?`rect()`?值的*內部*的逗號后面插入空格。這樣利于從多個屬性值（既加逗號也加空格）中區分多個顏色值（只加逗號，不加空格）。 * 對于屬性值或顏色參數，省略小于 1 的小數前面的 0 （例如，`.5`?代替?`0.5`；`-.5px`?代替?`-0.5px`）。 * 十六進制值應該全部小寫，例如，`#fff`。在掃描文檔時，小寫字符易于分辨，因為他們的形式更易于區分。 * 盡量使用簡寫形式的十六進制值，例如，用?`#fff`?代替?`#ffffff`。 * 為選擇器中的屬性添加雙引號，例如，`input[type="text"]`。[只有在某些情況下是可選的](http://mathiasbynens.be/notes/unquoted-attribute-values#css)，但是，為了代碼的一致性，建議都加上雙引號。 * 避免為 0 值指定單位，例如，用?`margin: 0;`?代替?`margin: 0px;`。 ~~~ /* Bad CSS */ .selector, .selector-secondary, .selector[type=text] { padding:15px; margin:0px 0px 15px; background-color:rgba(0, 0, 0, 0.5); box-shadow:0px 1px 2px #CCC,inset 0 1px 0 #FFFFFF } /* Good CSS */ .selector, .selector-secondary, .selector[type="text"] { padding: 15px; margin-bottom: 15px; background-color: rgba(0,0,0,.5); box-shadow: 0 1px 2px #ccc, inset 0 1px 0 #fff; } ~~~