本文共 2055 字，大约阅读时间需要 6 分钟。

登录条：loginBar         标志：logo                侧边栏：sideBar 广告：banner             导航：nav                 子导航：subNav菜单：menu                子菜单：subMenu           搜索：search滚动：scroll              页面主体：main            内容：content 标签页：tab               文章列表：list            提示信息：msg小技巧：tips              栏目标题：title            加入：joinus指南：guild               服务：service              热点：hot新闻：news                按钮：btn                  投票：vote       状态：status               合作伙伴：partner       外　套：wrap商　标：label标　题：title 顶导航：topnav 左导航：leftsideBar 右导航：rightsideBar 横幅：banner     菜单内容： menuContent 菜单容器：　menuContainer 子菜单：　　subMenu 边导航图标：sidebarIcon 注释：　　　note 版    权：copyRight友情链接：friendLink   容器：container页脚：footer 当前：current  激活：acitve 购物车：shop 搜索：search  登陆：login   注册：regsiter   下载：download 面包屑：breadCrumb

常用的CSS命名规则 

头：header   内容：content/container   尾：footer   导航：nav   侧栏：sidebar   栏目：column   页面外围控制整体佈局宽度：wrapper   左右中：left  right  center   登录条：loginbar   标志：logo   广告：banner   页面主体：main   热点：hot   新闻：news   下载：download   子导航：subnav   菜单：menu   子菜单：submenu   搜索：search   友情链接：friendlink   页脚：footer   版权：copyright   滚动：scroll   内容：content   标签：tags   文章列表：list   提示信息：msg   小技巧：tips   栏目标题：title   加入：joinus   指南：guide   服务：service   注册：regsiter   状态：status   投票：vote   合作伙伴：partner

  Id的命名

页面结构 容器:  container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体佈局宽度：wrapper左右中：left  right  center

导航命名

导航：nav 主导航：mainnav 子导航：subnav 顶导航：topnav 边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar菜单：menu 子菜单：submenu 标题:  title 摘要:  summary

功能

标志：logo 广告：banner 登陆：login 登录条：loginbar 注册：register 搜索：search 功能区：shop 标题：title 加入：joinus 状态：status 按钮：btn 滚动：scroll 标籤页：tab 文章列表：list 提示信息：msg 当前的:  current 小技巧：tips 图标:  icon 注释：note 指南：guild 服务：service 热点：hot 新闻：news 下载：download 投票：vote 合作伙伴：partner 友情链接：link 版权：copyright

注意事项:: 1.一律小写; 2.尽量用英文; 3.不加中横和下划线; 4.尽量不缩写，除非一看就明白的单词。

  CSS样式表文件命名 

主要的  master.css 模块  module.css 基本共用  base.css 布局、版面  layout.css主题  themes.css 专栏  columns.css 文字  font.css 表单  forms.css 补丁  mend.css 打印  print.css

转载地址：https://jackiehao.blog.csdn.net/article/details/104349017 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！