编写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



相关阅读:
php中利用post传递字符串重定向的实现代码
DIV任意拖动的问题
vs.Net2003无法打开或创建Web应用程序若干解决办法.
通过修改注册表实现IE8固定显示微软雅黑字体
系统音量调节的两个小技巧
Windows XP更新 添加对exFAT文件系统格式的支持
Web页面中使用自定义选择框Select
xhtml的常用标签介绍
比较不错的asp单表单字段多条件查询
详解Oracle中如何用非默认方式创建外键
加密Email地址的制作方法
帮助你好好学习CSS的“边”和“内容”
javascript表格随机排序代码
PHP中文汉字验证码
快速导航

Copyright © 2016 phpStudy |