zoukankan      html  css  js  c++  java
  • 关于CSS命名规范,我推荐BEM命名方式!

    看过许多css的命名规范,像AliceUI, NEC 等等。。。

    其中最实用的规范:BEM

    什么是BEM?

    BEM(Block, Element, Modifier)是由Yandex团队提出的一种前端命名规范。其核心思想是将页面拆分成一个个独立的富有语义的块(blocks),从而使得团队在开发复杂的项目变得高效,并且十分有利于代码复用,即便团队引入新成员,也容易维护。在某种程度上,BEM和OOP是相似的。

    BEM是怎么约定的?

    最好是不要超过3层,3层以内是最好的

      - 块名:block,它为元素和修饰符定义了命名空间(就是这个块是干啥的~,比如登录,那这个块就叫login)
      - 元素名:与块名使用“-”连接,block-ele-name(就是这个元素盒子是干啥的,比如登录的form表单,那就是login-form)
      - 修饰符名:使用“__”连接(double underscore)(就是这个玩意是什么?是干啥的?比如登录帐号用户名,那就是username,也就是login-form__username)  
    

    参考样式:ELEMENT-UI

  • 相关阅读:
    python之变量与常量
    Python之历史
    关于图像重采样插值算法
    常用的日期的方法
    数组常用的方法
    判断鼠标进入容器方向
    用JS实现一个时钟的效果
    搞定flex布局
    整理 45 道 CSS 基础面试题(附答案)
    CSS实战3
  • 原文地址:https://www.cnblogs.com/chinb/p/13915133.html
Copyright © 2011-2022 走看看