div+css参考命名规则 内容 模块的命名规则

/* css命名规则 
----------------------------------------------------------------------------------------------------


头：header 


内容：content


容器：container 


尾：footer 


页面主体：main 


导航：nav 


侧栏：sidebar 


栏目：col 


页面外围控制整体布局宽度：wrapper 


左右中：left right center 


登录条：loginnar 


标志：logo 


广告：banner 


页面主体：main 


热点：hot 


新闻：news 


下载：download 


子导航：subNav 


菜单：menu 


子菜单：subMenu 


搜索：search 


友情链接：friendLink 


页脚：footer 


版权：copyRight 


滚动：scroll 


按钮：btn 


标签页：tab 


文章列表：list 


提示信息：msg 


小技巧：tips 


栏目标题：title 


加入：joinus 


指南：guild 


服务：service 


注册：regsiter 


状态：status 


投票：vote 


合作伙伴：partner  




(二)id的命名:
 
　　(1)页面结构


页头：header 


内容：content

容器：container 


页面主体：main 


页尾：footer 


导航：nav 


侧栏：sidebar 


栏目：col 


页面外围控制整体布局宽度：wrapper 


左右中：left right center 


　　(2)导航 


导航：nav 


主导航：mainNav 


子导航：subNav 


顶导航：topNav 


边导航：sidebar 


左导航：leftSidebar 


右导航：rightSidebar 


菜单：menu 


子菜单：submenu 


标题: title 


摘要: summary 


(3)功能
 
标志：logo 


广告：banner 


登陆：login 


登录条：loginBar 


注册：regsiter 


搜索：search 


标题：title 


加入：joinus 


状态：status 


按钮：btn 


滚动：scroll 


标签页：tab 


文章列表：list 


提示信息：msg 


当前的: current 


小技巧：tips 


图标: icon 


注释：note 


指南：guild 


服务：service 


热点：hot 


新闻：news 


下载：download 


投票：vote 


合作伙伴：partner 


版权：copyRight 


(三)class的命名: 

(1)标题栏样式,使用"类别+功能"的方式命名,如
 
.barNews { } 


.barProduct { } 


　　(2)模块结构css定议 


模块名称 .module 


模块标题 .moduleHead 


模块包装 .moduleWrap 


模块内容 .moduleContent 


  


注意事项: 


1.一律小写,但多词联用时从第二个词开始的每词首字母大写（骆驼式命名）; 


2.尽量用英文,少用或不用拼音;  


3.尽量不缩写,除非一看就明白的单词; 




*/