命名规范
通常在
小程序开发和软件系统开发过程中, 会遵循一些规范, 常见的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样式规范, 使得软件美观且风格整体统一, 规避了许多
不使用规范而带来的问题