Skip to content
  • 首页
  • 作品集
  • IT手札
  • 关于ME

分类

  • GO入门学习 (1)
  • IT手札 (75)
    • CSS (5)
    • Git (8)
    • GoF设计模式 (3)
    • JAVA (11)
    • JAVASCRIPT (4)
    • Laravel框架学习 (6)
    • PHP学习 (1)
    • Python (14)
    • python图片识别 (4)
    • SPRING ROOT (2)
    • SQL (4)
    • UBUNTU (8)
    • VR (1)
  • 其他 (5)

标签

apt-daily.service Bing Search APIs css eloquent emoji excel fireworks git google images search jupiter laravel laravel5日志 logkeys opencv p5.js php placeholder python csv selenium spring root SQL ubuntu ui VR WEB 入门 列表 删除分支 动画 启动项 图片采集 必应图片搜索 所有 数列 服务器安全 机器学习图片 求和 汇总 照片 设计模式 资料 路由 键盘按键记录 颜文字

风匀坊

一个不神奇的网站

Menu
Widgets
Search

BEM实践

CSS设计规则BEM快速入门手册

关于BEM

BEM是Block Element Modifier缩写, BEM通过以下3个维度来进行CSS设计及命名的.

  • Block 代码里大括号
  • Element 大括号里的元素
  • Modifier 标记上述2个的状态

目标

  • BEM中特别以MindBEMding命名规则为基础
  • 使用SCSS
  • 通过基本的简单类来设计
  • SCSS与HTML完美分离
    Continue reading →
2017-11-13cangyan BEM实践, BEM设计规则 Leave a comment
Copyright © 2021 风匀坊 | 沪ICP备2021007822号