Skip to content

OOCSS、SMACSS、BEM #23

Description

@Calerme

OOCSS

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

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

SMACSS

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

BEM

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

参考资料

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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