域名注册
- 中文域名
- 英文域名
- 通用网址
- 域名解析
- 域名转入\转出
虚拟主机
- 主机购买
- 管理主机
- FTP上传
- 数据库管理
- 主机续费升级
网站建设
- 建站流程介绍
- 网站设计
- 网站改版
- 网站维护
- 网站推广
企业邮局
网站优化
网站备案
服务器租用
其它服务
- 您现在的位置: 创新互联 >> 网站建设 >> 网站建设常见问题 >> CSS教程 css命名:编写CSS代码时样式命名的规则
CSS教程 css命名:编写CSS代码时样式命名的规则
- 作者:曾小姐 文章来源:成都网站建设 点击数:765 更新时间:2012-01-13
-
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
这个缩写对网页制作人员很有用好,网站建设的朋友们大家理解记一下,把命名也规范了,看起便于理解二次开发也好上手。
- 上一篇文章:网页背景图片不重复怎么设置
下一篇文章:CSS实例教程:分号引起页面混乱
优化电话:028-86922220 13518219792 公司地址:成都市太升南路288号锦天国际A幢1002号
支持信箱:service@cdxwcx.com 版权所有:创新互联-供最优势的搜索引擎排名优化 蜀ICP备13010860号
创新互联成都专业网站优化推广:网站排名,成都优化排名,成都网站优化,成都关键词优化,百度排名优化,百度快照优化