• 技术文章 >Web开发 >css教程

    css中有哪些命名规范

    小妮浅浅小妮浅浅2021-10-21 14:53:13原创4479

    1、小写字母加连字符(又称烤串命名法),禁止下划线和驼峰命名。

    2、布局:以g命名空间。

    3、状态:以s为命名空间。

    表示动态、交互状态。

    4、工具:以u为命名空间。

    表示不耦合业务逻辑的可重用工具。

    5、组件:以m为命名空间。

    表示可重用、移植的组件模块。

    实例

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    /* bad */

    .mod_example {

        padding-left: 15px;

    }

    .modExample {

        padding-left: 15px;

    }

      

    /* good */

    .mod-example {

        padding-left: 15px;

    }

    以上就是css中的命名规范,希望对大家有所帮助。更多css学习指路:css教程

    专题推荐:css 命名规范
    上一篇:css媒体查询的使用 下一篇:CSS中的三大特性

    相关文章推荐

    • css旋转属性如何理解• css设置文字居中的两种方法• css中删除input输入框的阴影• css中margin是什么?怎么设置?• css3中设置元素宽度的方法

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网