编写CSS代码时样式命名的通用规则_JavaScript技术

　　命名一直是个让我头痛的问题，特别是那些看上去差不多的模块，所以就得想办法啦，我总结了下面的方法，虽然还在试验中。希望对大家有帮助。欢迎大家提出改进的意见。具体如下：

　　要注意的内容：

　　一，命名所选用的单词应选择不过于具体表示某一状态（如颜色、字号大小等）的单词，以避免当状态改变时名称失去意义。

　　二，样式类名由以字母开头的小写字母（a-z）、数字（0-9）、下划线（_）、减号（-）组成。

　　ID名称由不以数字开头的小写字母（a-z）、数字（0-9）、下划线（_）组成。

　　可使用类似下面的规则：

　　［模块前缀　类型　作用］_［名称］_［状态　位置］

　　约定模块、类型、状态、位置等的所使用的单词或其缩写，保持上面的顺序，尽量保持在两到三个单词说清用途。

　　例：

　　通用名词缩写

　　设置 set

　　成功 suc

　　提示 hint

　　操作 op

　　密码 pw

　　菜单 menu

　　按钮 bt

　　文本 tx

　　颜色 c

　　背景 bg

　　边框 bor

　　居中 center

　　图标 icon

　　弹出 pop

　　文本输入框 .input_tx

　　密码输入框 .input_pw

　　登录密码输入框 .input_pw_login

　　日志设置成功提示 .hint_suc_blogset

　　相册弹出的设置层 .pop_set_photo

　　公共提示 .hint_bg

　　文本颜色 .c_tx

　　段落文本颜色 .c_tx_p

类别：JavaScript技术来源：本站原创作者：hpping 日期：2009-09-07 15:35

Hdut.Com