打赏

CSS命名规范 BEM

良好的代码结构,HTML和css元素之间的关系,对于项目交付是很重要的!

BEM解释:

(1).block 是BEM的区块(B),包含内容和风格。如bootstrap框架的.container。

 

(2).block-element 代表自子容器(E)。如bootstrap框架的轮播图,.carousel表示轮播图,carousel-indicators表示轮播图的对应点,carousel-inner表示轮播图的内容。

 

(3).block-modifier,表示区块元素的改变(M)。如bootstrap框架的 text-danger。

 

posted @ 2017-10-23 12:46  孟繁贵  阅读(454)  评论(0编辑  收藏  举报
TOP