Css編碼規範

（1）爲選擇器分組時，將單獨的選擇器放在一行。

         對於只包含一條聲明的樣式，爲了易讀性和便於快速編輯，建議將語句放在同一行

（2）在每一個聲明塊的左括號前面添加空格，右括號應單獨成行，最後應該插入一個空格

（3）用兩個空格來代替製表符（tab），能在全部環境下得到一致展示。

（4）全部聲明語句都應當以分號結尾。最後一條聲明語句後面的分號是可選的，可是，若是省略這個分號，你的代碼可能更易出錯。

（5）對於以逗號分隔的屬性值，每一個逗號後面都應該插入一個空格

（6）不要在 rgb()、rgba()、hsl()、hsla() 或 rect() 值的內部的逗號後面插入空格。這樣利於從多個屬性值（既加逗號也加空格）中區分多個顏色值（只加逗號，不加空格）

（7）儘可能使用簡寫形式的十六進制值，而且十六進制值應該小寫。在掃描文檔時，小寫字符易於分辨，由於他們的形式更易於區分。

（8）儘可能不給 0 值指定單位，例如，用 padding: 0; 代替 padding: 0px;。

（9）聲明順序

• 1.位置屬性(position, top, right, z-index, display, float等)
• 2.大小(width, height, padding, margin)
• 3.文字系列(font, line-height, letter-spacing, color- text-align等)
• 4.背景(background, border等)
• 5.其餘(animation, transition等)

（10） 與<link>標籤相比，@import執行比較慢，儘可能不要使用import標籤。可使用多個<link>標籤

<link rel="stylesheet" href="core.css">

<style> @import url("more.css"); </style>

（11）class命名

• class 名稱中只能出現小寫字符和破折號（-，破折號應當用於相關 class 的命名）。（例如，.btn 和 .btn-danger）。
• class 名稱應當儘量短，而且意義明確，但不要過分任意的簡寫。.btn 表明 button，可是 .s 不能表達任何意思。
• 使用有意義的名稱。使用有組織的或目的明確的名稱，不要使用表現形式（presentational）的名稱。
• 基於最近的父 class 或基本（base） class 做爲新 class 的前綴。
• 使用 .js-* class 來標識行爲（與樣式相對），而且不要將這些 class 包含到 CSS 文件中。

（12）選擇器

• 對於通用元素使用 class ，這樣利於渲染性能的優化。
• 對於常常出現的組件，避免使用屬性選擇器（例如，[class^="..."]）。瀏覽器的性能會受到這些因素的影響。
• 選擇器要儘量短，而且儘可能限制組成選擇器的元素個數，建議不要超過 3 。
• 只有在必要的時候纔將 class 限制在最近的父元素內（也就是後代選擇器）（例如，不使用帶前綴的 class 時 -- 前綴相似於命名空間）。