CSS教程:编写CSS代码时样式命名的规则

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

　　要注意的内容：

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

　　二，样式类名由以字母开头的小写字母(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

评论总数：0 条 [ 查看全部 ] 网友评论