Skip to content

OOCSS、SMACSS、BEM #23

@Calerme

Description

@Calerme

OOCSS

面向对象的 CSS。将一个 CSS 所定义的每一个元素当作一个对象,所有的样式都是向这个对象上添加属性,Bootstrap 使用的就是 OOCSS 方法。

<button class="btn btn-primary">click<button>

SMACSS

  • 为 CSS 分类
  • 命名规则
  • 最小化适配深度

BEM

  • Block 页面的区块
  • Element 区块中的元素
  • Modifier 元素和区块的状态

参考资料

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions