骆驼命名法

第一个字母要小写,后面的词的第一一个字母就要用大写,例如: studentInfo、navMenuRedButton

帕斯卡命名法

这种命名法同样也是大小写字母混编而成,和骆驼命名法很像,但和骆驼命名法有一点区,就是所有 单词的首字母都要大写,当然也包括第-一个单词:例如: StudentInfo、NavMenuRedButton

匈牙利命名法

在名称前面加上一个或多个小写字母作为前缀,来让名称更加好认,更容易理解,例如:
head navigation 、red navMenuButton;

页面模块的常用命名:

头部 header
导航 nav
菜单 menu
友情链接 friendlink
页面外围包裹 wrapper
子导航 subnav
子菜单 submenu
下载 download
页面主体 main
广告 banner
侧栏 sidebar
小技巧 tips
内容 content
标志 logo
栏目 column
滚动 scroll
页脚 footer
搜索 search
热点 hot
上一个 prev
下一个 next
版权 copyrigth
登录条 loginbar
新闻 news

BEM命名法

BEM的意思就是块(block) 、元素(element) 、修饰符( modifier) ,是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。BEM命名约定更加严格,而且包含更多的信息,它们用于一个团队开发-一个耗时的大项目。

  • BEM:块(block) 、元素( element) 、修饰符( modifier )
  • block代表了更高级别的抽象或组件。
  • block_ element 代表.block的后代,用于形成一个完整的.block的整体。
  • block—modifier代 表block的不同状态或不同版本,用于修饰。
  1. air-table{} /*块*/
  2. air-table__ footer{} /* 元素*/
  3. air-table--full{} /*修饰符*/