简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

编写css代码时样式命名的规则

来源:易贤网   阅读:796 次  日期:2015-01-30 15:24:12

温馨提示:易贤网小编为您整理了“编写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

更多信息请查看IT技术专栏

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:jsp中用回车监听按钮事件兼容火狐 ie等主流浏览器
下一篇:大图片根据分辨率自适应宽度仍居中显示
易贤网手机网站地址:编写css代码时样式命名的规则
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!