网页制作中规范使用DIV.doc

网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，具体DIV CSS命名规则CSS命名大全内容如下：页头：header 如：#header属性:属性值;或.header属性:属性值;,也许你需要了解class与id区别及用法登录条：loginBar 标志：logo 侧栏：sideBar广告：banner 导航：nav子导航：subNav菜单：menu 子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab 文章列表：list 提示信息：msg小技巧：tips栏目标题：title 加入：joinus指南：guild 服务：service 热点：hot新闻：news 下载：download注册：regsiter状态：status 按钮：btn 投票：vote合作伙伴：partner 友情链接：friendLink页脚：footer版权：copyRight常用配合标签div、h1、h2、h3、h4、span、em、b、strong、font、u1.CSS的 ID 的命名也许你需要了解class与Id区别外套：wrap 主导航：mainNav 子导航：subnav页脚：footer 整个页面：content 页眉：header版 权：copyRight 商标：label 标题：title主导航：mainNav(globalNav) 顶导航：topnav边导航：sidebar 左导航：leftsideBar右导航：rightsideBar旗志：logo 标语：banner菜单内容1： menu1Content菜单容量：menuContainer子菜单：submenu边导航图标：sidebarIcon 注释：note面包屑：breadCrumb(即页面所处位置导航提示)容器：container 内容：content搜索：search登陆：login 功能区：shop(如购物车，收银台)当前：currentDIV+CSS命名小结：无论是使用“.”（小写句号）选择符号开头命名，还是使用“#”(井号)选择符号开头命名都无所谓，但我们最好遵循，主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名，其它都用“.”（小写句号）选择符号开头命名，同时考虑命名的CSS选择器在HTML中重复使用调用。通常我们最常用主要命名有：wrap（外套、最外层）、header（页眉、头部）、nav(导航条)、menu(菜单)、title(栏目标题、一般配合h1h2h3h4标签使用)、content(内容区)、footer(页脚、底部)、logo（标志、可以配合h1标签使用）、banner（广告条，一般在顶部）、copyRight（版权）。其它可根据自己需要选择性使用。DIVCSS5建议：主要的、重要的、最外层的盒子用“#”(井号)选择符号开头命名，其它都用“.”（小写句号）选择符号开头命名。2.CSS样式文件命名如下主要的 master.css布局，版面 layout.css专栏 columns.css文字 font.css打印样式 print.css主题 themes.css