常用的CSS命名规则:头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot新闻：news 下载：download 子导航：subnav 菜单：menu子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer版权：copyright 滚动：scroll 内容：content 标签页：tab文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title加入：joinus 指南：guild 服务：service 注册：regsiter状态：status 投票：vote 合作伙伴：partner(二)注释的写法: /* Footer */ 内容区 /* End Footer */(三)id的命名:(1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center(2)导航 导航：nav 主导航：mainbav 子导航：subnav 顶导航：topnav 边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar 菜单：menu 子菜单：submenu 标题: title 摘要: summary(3)功能 标志：logo 广告：banner 登陆：login 登录条：loginbar 注册：regsiter 搜索：search 功能区：shop 标题：title 加入：joinus 状态：status 按钮：btn 滚动：scroll 标签页：tab 文章列表：list 提示信息：msg 当前的: current 小技巧：tips 图标: icon 注释：note 指南：guild 服务：service 热点：hot 新闻：news 下载：download 投票：vote 合作伙伴：partner 友情链接：link 版权：copyright(四)class的命名:(1)颜色:使用颜色的名称或者16进制代码,如 .red { color: red} .f60 { color: #f60} .ff8600 { color: #ff8600}(2)字体大小,直接使用’font+字体大小’作为名称,如 .font12px { font-size: 12px} .font9pt {font-size: 9pt}(3)对齐样式,使用对齐目标的英文名称,如 .left { float:left} .bottom { float:bottom}(4)标题栏样式,使用’类别+功能’的方式命名,如 .barnews { } .barproduct { }HTML中DIV命名标准通用格式如下：
头：header 内容：content/container 页脚：footer
页面主体：main 侧栏：sidebar广告：banner
栏目：column 页面外围控制整体布局宽度：wrapper左右中：left right center
登陆：login登录条：loginbar 注册：regsiter
导航：nav 子导航：subnav 菜单：menu
顶导航：topnav 左导航：leftsidebar 右导航：rightsidebar
子菜单：submenu搜索：search 标签页：tab
标志：logo 文章列表：list 当前的: current
热点：hot 图标: icon 按钮：btn
新闻：news 下载：download 服务：service
加入：joinus 指南：guild 投票：vote
合作伙伴：partner 友情链接：link 版权：copyright
提示信息：msg 小技巧：tips 注释：note
栏目标题：title摘要: summary内容：content
状态：status 功能区：shop 状态：status
