## **css命名規范**
**采用BEM命名**
* BEM的意思就是塊（block）、元素（element）、修飾符（modifier）
* **塊（block）**是一個獨立的實體，就像應用的一塊“積木”。一個塊既可以是簡單的也可以是復合的（包含其他塊）。
* **元素（element）**是塊的一部分，具有某種功能。元素是依賴上下文的：它們只有處于他們應該屬于的塊的上下文中時才是有意義的。
* **修飾符（modifier）**是描述頁面和模板的意義，可以給塊和元素指定特定的表現樣式。
**關于BEM命名表現**
* **塊（block）**我們在長名稱中使用連字符分隔單詞（例如，block-name）
* **元素（element）**使用兩個下劃線來分隔塊名和元素名（block-name__element-name）。
* **修飾符（modifier）** 使用一個下劃線設定塊和元素的修飾（block-name_modifier-name、block-name__element-name_modifier-name）。
~~~
/*塊結構*/
block-name
block-name-surname
/*塊結構內部子結構*/
block-name__element-name
block-name-surname__element-name
block-name__element-name-surname
/*修飾詞*/
block-name_modifier-name
block-name__element-name_modifier-name
~~~
**統一風格**
* 統一命名風格（使用相同名詞命名不同組件的子元素）：如 tab-hd, modal-hd，便于理解。
~~~
/*相同名詞子元素__hd*/
cell__hd
form__hd
tab__hd
/*相同名詞子元素__bd*/
cell__bd
form__bd
tab__bd
/*相同名詞子元素__ft*/
cell__ft
form__ft
tab__ft
~~~
**參考資料**
> [WeUI 1.0 BEM命名](https://github.com/weui/weui/wiki/%E5%9C%A81.0.0%E5%9C%A8%E4%BB%A3%E7%A0%81%E5%B1%82%E9%9D%A2%E4%B8%8A%E5%81%9A%E4%BA%86%E5%93%AA%E4%BA%9B%E6%94%B9%E5%8F%98)
> [BEM的定義](http://www.w3cplus.com/css/bem-definitions.html)
> [為什么我們需要BEM](http://blog.lxjwlt.com/front-end/2015/10/08/why-bem.html)
> [如何更好的使用BEM](http://www.w3cplus.com/preprocessor/getting-sass-y-with-bem.html)
