关于CSS命名法,和其他程序命名差不多,主要有三种:骆驼命名法,帕斯卡命名法,匈牙利命名法。
【骆驼命名法】
就是第一个字母要小写,后面的词的第一个字母就要用大写,如下:
#headerBlock
第一个单词(header)的第一个字母(h)用小写,第二个单词(block)的第一个字母用大写(B),如果第二个单词后面还有单词呢?那就是下面返种情况,
.navMenuRedButton
第一个单词(nav)的第一个字母(n)用小写,第二个单词(menu)的第一个字母用大写(M),第三个单词(red)的第一个字母也用大写(R),第四个单词(button)的第一个字母还是用大写(B),同样后面所有单词的首字母都要大写。
【帕斯卡命名法】
这种命名法同样也是大小写字母混编而成,和骆驼命名法很像,有一点区别,就是首字母要大写,如下:
#HeaderBlock
和骆驼命名法叧有一点区别,就是所有单词的首字母都要大写,当然也包括第一个单词(header)的首字母(h)了,也要大写。
.NavMenuRedButton
如果有多个,也是全部单词的首字母均要大写。
【匈牙利命名法】
匈牙利命名法,是需要在名称前面加上一个或多个小写字母作为前缀,来让名称更加好认,更容易理解,比如:
#head_navigation
.red_navMenuButton
以上三种,前两种(骆驼命名法、帕斯卡命名法)在命名CSS选择器的时候比较常用,当然这三种命名法可以混加使用,叧需要遵守一个原则“容易理解,方便协同工作”就 OK 了,
或者说“即使不懂代码的人看了代码也知道这块起什么作用” , 没有必要强调是哪种命名法,根据个人喜好使用就行。 以下为页面模块的常用命名:
头:header
热点:hot
内容:content
新闻:news
尾:footer
下载:download
导航:nav
子寻航:subnav
侧栏:sidebar
菜单:menu
栏目:column
子菜单:submenu
页面外围控制整体布局宽度:wrapper
搜索:search
左右中:left right center
友情链接:friendlink
登录条:loginbar
页脚:footer
标志:logo
版权:copyright
广告:banner
滚动:scroll
页面主体:main
小技巧:tips
评论