DIV+CSS命如名规范.docx

DIV+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(栏目标题、一般配合h1\h2\h3\h4标签使用)、content (内容区)、footer(页脚、底部)、logo（标志、可以配合h1标签使用）、banner（广告条，一般在顶部）、copyRight（版权）。其它可根据自己需要选择性使用。DIVCSS5建议：主要的、重要的、最外层的盒子用“#”(井号)选择符号开头命名，其它都用“.”（小写句号）选择符号开头命名。css文件命名1)如果是一个小型网站或一个企业网站，只要一个css文件,一般取名为:style.css/main.css/layout.css2)如果是个大型的门户网站，css一般分三个文件区分出来,用的最常用的css和公共部分的css 放在common.css;一些主要的其他css放在 content.css;字体放在font.css　　主要的:master.css　　专栏:columns.css　　主题:themes.css　　全局样式：global.css；　　框架布局：layout.css；　　字体样式：font.css；　　链接样式：link.css；　　打印样式：print.css；模块 module.css基本共用 base.css表单 forms.css补丁 mend.cssCSS命名规则(1)页面结构首页:homepage二级页面:subpage　标签页:tab博客:bolg论坛:forum/bbs外套：wrapper容器：container/box内 容：content页面头部：header页面主体:main　页面中部：mainBody　页面底部：footer侧 栏：sidebar栏目：column左右中：left right center(2)导航导航:nav　　主导航：mainnav/globalnav　　子导航：subnav　　顶导航：topnav(3)侧栏　　侧边栏：sidebar　　左侧栏：leftsidebar　　右侧栏：rightsidebar左右两栏 sidebar_l/sidebar_r或者leftsidebar/rightsidebar左/中/右三栏 main_left/main_mid/main_right或者main_l/main_m/mian_r(