CSS-命名总结
热度 2已有 26 次阅读 2010-8-13 23:42 |个人分类:资料库|关键词:CSS 命名
CSS书写命名总结
一、命名原则:
不要通过视觉外观来给元素命名,而是根据功能给元素命名。
ID具有唯一性,Class具有可重复性。让所有的Class元素都成为外围ID元素的子级或孙级。
网页模块化,利于网站代码的控制,维护和修改
a.外围架构使用ID控制
b.内部结构使用Class控制
二、命名规则:
a.骆驼命名法
指混合使用大小写字母来构成变量和函数的名字,首写字母小写
myData
b.帕斯卡命名法
指混合使用大小写字母来构成变量和函数的名字,首写字母大写
MyData
c.匈牙利命名法
标识符的名字以一个或者多个小写字母开头作为前缀,标识出变量的作用域,类型等。前缀之后的是首字母大写的一个单词或多个单词组合或者符号,该单词要指明变量的用途。
txtMyData
d.下划线或中划线命名法
树状结构的命名
层叠式命名
每一个逻辑断点都有一个下划线或中划线来标记
DWMenu_Insert_Animals
DWMenu_Insert_Animals_Dog
DWMenu_Insert_Animals_Cat
DWMenu_Insert_Animals_Monkey
DWMenu-Insert-Animals
DWMenu-Insert-Animals-Dog
DWMenu-Insert-Animals-Cat
DWMenu-Insert-Animals-Monkey
txt-MyData
e.常量命名
SQL_SELECT_CATEGORIES
三、CSS推荐命名方式
[模块前缀(模块标识|区域标识)]+[功能标识]+[模块后缀(状态|位置|[A-Z]:多风格标识|[0-9]:行标识|[a-z]:列标识)]
wrapperDetails detailsLeft
detailsRight