bem(block，element，modifier）块，元素，修饰符，前端命名方法CSS 命名方案

B这里的b －－－ －－ block

E这里的e－－－－－－element。即“username”   用两个下划线表示承接关系__

M这里的m－－－－－－modifier，用两个连接符表示承接关系

命名约定的模式：

.block｛   ｝代表抽象的组件高级别达到

.block__element { } 组件的后代，用于形成一个完整.block的整体。

.block--modifier    代表不同的状态或者版本

之所以用两个连接符承接，是为了让自己的块可以使用单个连接符来界定；

<form class="site-search  site-search--full">
  <input type="text" class="site-search__field">
  <input type="Submit" value ="Search" class="site-search__button">
</form>