关于Htmlclassid命名规范CSS命名规则
  头：header
  内容：content/containe
  尾：footer
  导航：nav
  侧栏：sidebar
  栏⽬：column
  页⾯外围控制整体布局宽度：wrapper
  左右中：left right center
  登录条：loginbar
  标志：logo
  ⼴告：banner
  页⾯主体：main
  热点：hot
  新闻：news
  下载：download
  ⼦导航：subnav
  菜单：menu
  ⼦菜单：submenu
  搜索：search
  友情链接：friendlink
  页脚：footer
  版权：copyright
  滚动：scroll
  内容：content
  标签页：tab
  ⽂章列表：list
  提⽰信息：msg
  ⼩技巧：tips
  栏⽬标题：title
  加⼊：joinus
  指南：guild
  服务：service
  注册：regsiter
  状态：status
  投票：vote
XHTML⽂件中id的命名
(1)页⾯结构
  容器: container
  页头：header
  内容：content/container
  页⾯主体：main
  页尾：footer
  导航：nav
  侧栏：sidebar
  栏⽬：column
  页⾯外围控制整体布局宽度：wrapper  　左右中：left right center
(2)导航
导航页源码
  导航：nav
  主导航：mainbav
  ⼦导航：subnav
  顶导航：topnav
  边导航：sidebar
  左导航：leftsidebar
  右导航：rightsidebar
  菜单：menu
  ⼦菜单：submenu
  标题: title
  摘要: summary
(3)功能
  标志：logo
  ⼴告：banner
  登陆：login
  登录条：loginbar
  注册：regsiter
  搜索：search
  功能区：shop
  标题：title
  加⼊：joinus
  状态：status
  按钮：btn
  滚动：scroll
  标签页：tab
  提⽰信息：msg
  当前的: current
  ⼩技巧：tips
  图标: icon
  注释：note
  指南：guild
  服务：service
  热点：hot
  新闻：news
  下载：download
  投票：vote
  合作伙伴：partner  　友情链接：link
  版权：copyright
CSS+DIV的命名规则：
  登录条:loginBar
  标志:logo
  侧栏:sideBar
  ⼴告:banner
  导航:nav
  ⼦导航:subNav
  菜单:menu
  ⼦菜单:subMenu
  搜索:search
  滚动:scroll
  页⾯主体:main
  内容:content
  标签页:tab
  ⽂章列表:list
  提⽰信息:msg
  ⼩技巧:tips
  栏⽬标题:title
  友情链接:friendLink  　页脚:footer
  加⼊:joinus
  指南:guild
  服务:service
  热点:hot
  新闻:news
  下载:download
  注册:regsiter
  状态:status
  按钮:btn
  投票:vote
  合作伙伴:partner
  版权:copyRight
  1.CSSID的命名
  主导航:mainNav
  ⼦导航:subnav
  页脚:footer
  整个页⾯:content
  页眉:header
  页脚:footer
  商标:label
  标题:title
  主导航:mainNav(globalNav)
  顶导航:topnav
  边导航:sidebar
  左导航:leftsideBar
  右导航:rightsideBar
  旗志:logo
  标语:banner
  菜单内容1:menu1Content
  菜单容量:menuContainer
  ⼦菜单:submenu
  边导航图标:sidebarIcon
  注释:note
  ⾯包屑:breadCrumb(即页⾯所处位置导航提⽰)
  容器:container
  内容:content
  搜索:search
  登陆:login
  功能区:shop(如购物车，收银台)
  当前的current
  2.样式⽂件命名
  主要的:master.css
  布局版⾯:layout.css
  专栏:columns.css
  ⽂字:font.css
  打印样式:print.css
  主题:themes.css
说明：均为class，需要扩展，则在当前命名内以“_“(下划线)后缀⾃定名称。我习惯称列表页为list，新闻列表则为newslist，图⽚列表为piclist，
内容页为view，
/**/
整体⼤框架：#wrapper
⼤框架内：#inwrapper
/////////////////////////////////////////////////////////////////////////////////////////////////////////
顶部及banner：.top
顶部及banner内：.intop
Logo：.logo
Banner：.banner
导航：.menu
导航内：.inmenu
.Menuul
.
Menuul li
.Menuul li a
下拉菜单：.inmenu_xiala
.Inmenu_xialaul
.Inmenu_xialaul li
.Inmenu_xialaul li a
///////////////////////////////////////////////////////////////////////////////////////////////////////////
主体内容：.mainWrapper
主体内容内：.inmainwrapper
左侧拦：.sideleft
左侧内：.insideleft
右侧栏：.sideright
右侧内：.insideright
中间：.sidecenter
中间内：.insidecenter
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
底部：.foot
//////////////////////////////////////////////////////////////////////////////////////////////////////////// /*其他命名*/
搜索：.search
搜索内：.insearch
搜索条：.searchselect
搜索按钮：.serachbuttom
输⼊⽂本框：.input
.select
/*表格样式*/
表格整体框架：.listbox
表格的宽度：.listbox-table
表格头部⽂字样式：.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
主导航：  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
左边的浮动照图⽚ photoleft
右边的浮动图⽚ photoright
标题  　title
条⽬底端    entrybottom
更多    extended或.more
容器背景 containerbg
服务  service
服务链接  servicelink
线  line
⽂本  text
右边  rightside

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。