网站命名规范大全CSS规范.doc

1、良好的命名规范可以为团队合作开发推波助澜，无论在项目开发，还是产品维护上都起到了至关重要的作用。应该说命名规范是一种约定，也是程序员之间良好沟通的桥梁。另外古人相信只要知道一个人真正的名字就会获得凌驾于那个人之上的不可思议的力量。只要给事物想到正确的名字，它就可以带来比代码更强的力量。如果所有的命名都与其自然相适合，则关系清晰，含义可以推导得出，一般人的推想也能在意料之中。CSS+DIV的命名规则：登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体:main

2、内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title友情链接:friendLink页脚:footer加入:joinus指南:guild服务:service热点:hot新闻:news下载:download注册:regsiter状态:status按钮:btn投票:vote合作伙伴:partner版权:copyRight1.CSSID的命名外套:wrap主导航:mainNav子导航:subnav页脚:footer整个页面:content页眉:header页脚:footer商标:label标题:title主导航:mainNav(globalNav)顶

3、导航:topnav边导航:sidebar左导航:leftsideBar右导航:rightsideBar旗志:logo标语:banner菜单内容1:menu1Content菜单容量:menuContainer子菜单:submenu边导航图标:sidebarIcon注释:note面包屑:breadCrumb(即页面所处位置导航提示)容器:container内容:content搜索:search登陆:login功能区:shop(如购物车，收银台)当前的current2.样式文件命名主要的:master.css布局版面:layout.css专栏:columns.css文字:font.css打印样式:p

4、rint.css主题:themes.css说明：均为class，需要扩展，则在当前命名内以“_“(下划线)后缀自定名称。我习惯称列表页为list，新闻列表则为newslist，图片列表为piclist，内容页为view，/*/整体大框架：#wrapper大框架内：#inwrapper/顶部及banner：.top顶部及banner内：.intopLogo：.logoBanner：.banner导航：.menu导航内：.inmenu .Menuul .Menuul li .Menuul li a下拉菜单：.inmenu_xiala .Inmenu_xialaul .Inmenu_xialaul

5、li .Inmenu_xialaul li a/主体内容：.mainWrapper主体内容内：.inmainwrapper左侧拦：.sideleft左侧内：.insideleft右侧栏：.sideright右侧内：.insideright中间：.sidecenter中间内：.insidecenter/底部：.foot底部内：.infoot/*其他命名*/搜索：.search搜索内：.insearch搜索条：.searchselect搜索按钮：.serachbuttom输入文本框：.input.select/*表格样式*/表格整体框架：.listbox表格的宽度：.listbox-table表格

6、头部文字样式：.listbox-header表格正文文字样式：.listbox-entry/*通用型*/通用：.GM/*这个有点郁闷,英文太差.*/通用内：.INGM通用左浮动：.GMfl(GM FLOAT LEFT)通用右浮动：.GMfr(GM FLOAT RIGHT)/*通用图片样式*/通用图片样式：.img/*清除浮动*/清除所有浮动：.clear清除左侧浮动：.clearleft清除右侧浮动：.clearright/*文字样式*/文字：.font/*新闻列表*/新闻列表：.fontnews/*View页字体总样式*/VIEW页字体：.fontview商标：label标题：title主导

7、航：mainbav（globalnav）顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsidebar旗志：logo标语：banner菜单内容1： menu1 content菜单容量：menu container子菜单：submenu边导航图标：sidebarIcon注释：note面包屑：breadcrumb(即页面所处位置导航提示）容器：container内容：content搜索：search登陆：Login功能区：shop(如购物车，收银台)当前的current报头：masthead摘要, 概要 summary或general左边的浮动照图片 ph

8、otoleft右边的浮动图片 photoright标题title条目底端 entrybottom更多 extended或.more容器背景 containerbg服务 service服务链接 servicelink线 line文本 text右边 rightside版权 copyright新闻 news书皮 wrapper介绍intro-part1专栏 column路径 pathways片断 section模块 module上导航 subnav2.另外在编辑样式表时可用的注释可这样写：内容区3.样式文件命名主要的 master.css布局，版面 layout.css专栏 columns.css文

9、字 font.css打印样式 print.css主题 themes.css4.样式表中的注示实例一/* GLOBAL - */* LINKS - */* FORMS - */* IDS - */* HEADER - */* COLUMN 1 - */* COLUMN 2 - */* CLASSES - */实例二HTML实例三（网易）CSS#UrsLogin#LogoNav#Column#Content1#bNav#Copyright#UrsLogin#LogoNav#SearchArea#ChannelArea#HotNews#NewsCenter.keyword#MallArea#city

10、#aboutus常见命名包含 wrapper和container页头 header 或缩写为hd页尾 footer 或缩写为ft导航 nav您的位置 breadcrumbs二级导航 sub_nav侧栏 sidebar或side-column模块 module数据库中的命名规则数据库涉及字符规则采用26个英文字母（区分大小写）和0 9这十个自然数，加上下划线_组成，共63个字符。不能出现其他字符（注释除外）。数据库对象命名规则数据库对象包括表、视图（查询）、存储过程（参数查询）、函数、约束。对象名字由前缀和实际名字组成，长度不超过30。前缀：使用小写字母。例如：表-tb 视图-vi 存储过程-s

11、p 函数-fn实际名字实际名字尽量描述实体的内容，由单词或单词组合，每个单词的首字母大写，其他字母小写，不以数字和_开头。例如：表 User_Info 视图 UserList 存储过程 UserDelete因此，合法的对象名字类似如下。表 tbUser_Info、tbMessage_Detail视图 vi_MessageList存储过程 sp_MessageAdd数据库表命名规则字段由前缀和实际名字组成。实际名字中首单词一个系统尽量采取同一单词。前缀：使用小写字母tb，表示表。例如：tbMembertbMember_InfotbForum_BoardtbForum_Thread1字段命名规则数字、字符、日期/时间、lob(大对象)、杂项，字段由表的简称、下划线，实际名字加后缀组成。后缀：使用小写字母，代表该字段的属性。例如: User_Idint User_Namestr User_RegDatedtm视图命名规则字段由前缀和实际名字组成，中间用下划线连接。前缀：使用小写字母vi，表示视图。例如：vi_Uservi_UserInfo存储过程命名规则字段由前缀和实际名字组成，中间用下划线连接。前缀：使用小写字