## **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)
