加入收藏 | 设为首页 | 会员中心 | 我要投稿 宁德站长网 (https://www.0593zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

BEM的用法是什么?BEM命名规则需注意哪些?

发布时间:2022-04-11 16:37:50 所属栏目:语言 来源:互联网
导读:这篇文章给大家分享的是有关BEM的内容。一些朋友可能对BEM是什么,BEM的用法等等不是很了解,因此本文就给大家详细介绍一下BEM,感兴趣的朋友就继续往下看吧。 BEM(块,元素,修饰符)是基于组件的Web开发的一种前端命名方法论,主要针对CSS。其背后的想法
      这篇文章给大家分享的是有关BEM的内容。一些朋友可能对BEM是什么,BEM的用法等等不是很了解,因此本文就给大家详细介绍一下BEM,感兴趣的朋友就继续往下看吧。
 
      BEM(块,元素,修饰符)是基于组件的Web开发的一种前端命名方法论,主要针对CSS。其背后的想法是将用户界面分为独立的块。即使使用复杂的UI,这也使界面开发变得容易和快速,并且允许重用现有代码而无需复制和粘贴
 
      Block
 
      一个功能独立的页面组件,可以重复使用
 
      块不应影响其环境,这意味着您不应设置块的外部几何形状(边距)或位置
 
 
  < div class = "header" >
 
 
  < div class = "red-text" >
 
      Element
 
      块的复合部分,不能单独使用
 
      元素全名的结构为block-name__element-name
 
  Search
         一个元素始终是块的一部分,而不是另一个元素,因此元素名称不可定义为 block__elem1__elem2 的层次结构
 
      元素始终是一个块的一部分,您不应该与该块分开使用
 
  SearchSearch。

(编辑:宁德站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读