打印本文   关闭窗口

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

作者：陈鹏  文章来源：eNet  点击数  更新时间：2009/9/12 8:48:27  文章录入：陈鹏  责任编辑：陈鹏

命名一直是个让我头痛的问题，特别是那些看上去差不多的模块，所以就得想办法啦，我总结了下面的方法，虽然还在试验中。希望对大家有帮助。欢迎大家提出改进的意见。具体如下： 　　要注意的内容： 　　一，命名所选用的单词应选择不过于具体表示某一状态（如颜色、字号大小等）的单词，以避免当状态改变时名称失去意义。 　　二，样式类名由以字母开头的小写字母（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

打印本文   关闭窗口