在网页制作中规范使用DIV+CSS命名规则可以提高优化效果，尤其是在团队协作时可以提供协同制作效率。DIVCSSNamingRulesCSSNamingEncyclopedia的具体内容。常用的DIV+CSS命名合集，即CSS命名规则DIVCSS命名目录我们在开发CSS+DIV网页（Xhtml）的时候，比较迷惑和纠结的就是CSS命名，尤其对于新手来说，不知道该用什么name和howtoname这是个好方法。1.命名规则说明：-TOP1),所有的名字都要小写2),属性的值必须用双引号（""）括起来，并且必须有一个值如class="divcss5",id="divcss5"3)，每个标签必须有开始和结束，必须有正确的层级，布局规则整齐4)，空元素必须有结束标签或在开始标签后加“/”5),表现和结构完全分离,代码不涉及任何表现元素,如style,font,bgColor,border等6),

到

的定义要遵循从大到小的原则要小，体现文档的结构，便于搜索引擎查询。7)给每个表单和表单添加一个唯一的结构标记id8)为图片添加alt标签9)尽量使用英文命名原则10)尽量不要缩写，除非你一眼就能看懂单词DIVCSS5我们介绍了常见的CSS命名和DIVCSS命名方法。2.命名重要部分相对于网页外层的CSS样式：-TOPcoatwrap------------------fortheoutermostheaderheader----------------为表头main的主要内容------------为主要内容（中间）leftmain-left-------------Leftlayoutrightmain-right----------Rightlayoutnavigationbarnav------------------Webmenunavigationbarcontentcontent--------------网页中间正文底部的页脚-----------------对于底部3.DIV+CSS命名参考表:-TOP下面是CSS样式命名和CSS文件命名参考表，DIVCSS命名合集：CSS样式命名描述网页公用名称wrapper页面外围控制整体布局宽度容器或者#content容器，用于最外层布局layouthead，#headerfooterpartfoot，#footerfooterpartnavmainnavigationsubnavsecondarynavigationmenusubmenusubmenusideBarsidebarsidebar_a,#sidebar_bleftorrightsidebarmainpagebodytagtagmsg#messagetipstipstipstipsvotevotefriendlink友情链接titlesummarysummaryloginbar登录栏searchInputsearch输入框hot热点搜索searchsearch_output类似搜索输出和搜索结果searchBar搜索栏search_results搜索结果copyrightcopyrightinformationbrandingtrademarklogowebsiteLOGOlogositeinfo网站信息siteinfoLegal法律声明siteinfoCreditsreputationjoinus加入我们partnerpartnerserviceserviceregisterregisterarr/arrowarrow行会指南站点地图站点地图列表列表首页主页子页面辅助页面子页面工具，#toolbar工具栏下拉下拉dorpmenu下拉菜单状态状态滚动滚动。下载.banner广告横幅（顶部广告横幅）电子贸易相关.products产品.products_prices产品价格.products_description产品描述.products_review产品评论.editor_review编辑评论.news_release最新产品.publisher制造商.screenshot缩略图.faqs常见问题.keyword关键字.blogBlog.forum论坛CSS文件命名说明master.css,style.cssmainmodule.cssmodulebase.cssbasicsharedlayout.csslayout,layoutthemes.cssthemecolumns.csscolumnfont.csstext,fontforms.cssformmend.csspatchprint.cssprintCSS命名其他说明：IIS7站长DIV+CSS命名总结：是否使用“.”（小写句点）选择名称开头的符号，或者使用“#”（井号）选择名称开头的符号没有关系，但我们最好照着做。主要的、重要的、特殊的和最外层的框在选择符号开头以“#”（井号）命名，其他以“.”命名。（小写句点）选择以命名开头的符号，考虑命名的CSS选择器以便在HTML调用中重用通常我们最常用的主要名称有：wrap（外套，最外层）、header（表头、头部）、nav（导航栏）、menu（菜单）、title（栏目标题，一般与h1h2h3h4标签一起使用）、content（内容area),footer(页脚，底部),logo(标志，可以和h1标签一起使用),banner(广告条，一般在顶部),copyRight(版权)。其他的可以根据自己的需要选择性使用。DIVCSS5建议：主要的、重要的、最外层的框以“#”（井号）选择符号开头命名，其他以“.”开头命名。（小写句点）选择符号。2、css样式文件命名如下Mainmaster.csslayout,layoutlayout.csscolumncolumns.csstextfont.cssprintstyleprint.cssthemethemes.css