网站首页  注册会员  本站免费电影 留言板  繁體中文

 

您现在的位置: 陈鹏个人网站 >> 电脑应用 >> 网络应用 >> 网页制作 >> 正文
 

   
专 题 栏 目
相 关 文 章

Adobe Flash CS4 试用版
Photoshop CS3新特性概览
Adobe Illustrator CS3蓄
闪客一族看过来 FlashCS
最大规模 Adobe CS4套装
Adobe Photoshop CS4最新
Adobe发布Acrobat 9、CS
Adobe CS4网页制作套装测
Photoshop CS4支持GPU、
下载:Office 2008 for 

 
编写CSS代码时样式命名的通用规则           
编写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

文章录入:陈鹏    责任编辑:陈鹏 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
     
     
     
     
     

    Copyright © 2007 - 2009 chenpeng123.com All Rights Reserved
    本站所有文章,软件等均来自网络收集,不代表本站观点,仅供学习和研究使用。如有侵犯您的版权,请联系我们,本站将立即删除。
    鲁ICP备07014697号
    你是本站第 位访客