您的位置:首页 > 资讯

BEM-软件开发过程中的CSS规范

日期:2024-08-25 02:11    点击:49

命名规范

通常在小程序开发和软件系统开发过程中, 会遵循一些规范, 常见的CSS有以下几种命名规范
  • OOCSS(面向对象的 CSS
  • BEM
  • ACSS(Atomic CSS)


BEM


BEM 代表块(Block),元素(Element),修饰符(Modifier), BEM 将网页中的元素分为块、元素、修饰符,由 Yandex 团队提出的一种前端命名方法论。

  • BEM 是一种命名方法,能够帮助你在前端开发中实现可复用的组件和代码共享。
  • BEM 是一个严格约定的命名规范,通过这种规范,来解决编写 CSS 是所遇到的问题。
BEM 的命名规则遵循`block__element--modifier`, 包含如下规则:
  • .block 代表了更高级别的抽象或组件。
  • .block\_\_element 代表.block 的后代,用于形成一个完整的.block 的整体。
  • .block–modifier 代表.block 的不同状态或不同版本。
  • .block\_\_element–modifier 代表.element 的不同状态或不同版本。

`BEM`解决的问题
  • CSS 样式全局性造成的样式冲突问题
  • 多人协作的命名问题
  • 解决层叠问题,使 CSS 的优先级保持相对扁平
  • CSS 的模块化,有一定的复用能力

我们作为一家佛山软件定制开发服务商, 遵循BEM样式规范, 使得软件美观且风格整体统一, 规避了许多

不使用规范而带来的问题



售前客服
咨询电话
点击查看联系方式