CSS常用命名

页面模块的常用命名
[quote]
头：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

 

页头:header

登录条:loginBar

标志:logo

侧栏:sideBar

广告:banner

导航:nav

子导航:subNav

菜单:menu

子菜单:subMenu

搜索:search

滚动:scroll

页面主体:main

内容:content

标签页:tab

文章列表:list

提示信息:msg

小技巧:tips

栏目标题:title

加入:join us

指南:guild

服务:service

热点:hot

新闻:news

下载:download

注册:regsiter

状态:status

按钮:btn

投票:vote

合作伙伴:artner

友情链接:friendLink

页脚:footer

版权:copyRight

1.CSS ID 的命名

外　套:　　wrap

主导航:　　mainNav

子导航:　　subnav

页　脚:　　footer

整个页面:　content

页　眉:　　header

页　脚:　　footer

商　标:　　label

标　题:　　title

主导航:　　mainNav(globalNav)

顶导航:　　topnav

边导航:　　sidebar

左导航:　　leftsideBar

右导航:　　rightsideBar

旗　志:　　logo

标　语:　　banner

菜单内容1: menu1Content

菜单容量:　menuContainer

子菜单:　　submenu

边导航图标:sidebarIcon

注释:　　　note

面包屑:　　breadCrumb(即页面所处位置导航提示)

容器:　　　container

内容:　　　content

搜索:　　　search

登陆:　　　login

功能区:　　shop(如购物车，收银台)

当前的　　　current