服务导航
企业概况     李墨菲博客
百度推广、谷歌推广、SEO优化
域名注册、服务器 VPS租用
网站服务流程    业务渠道代理
网站建设价格表
搜索引擎竞价排名服务
800元企业网站制作特价套餐
搜索引擎免费登录口
咨询QQ:2196677
售后QQ:82090889
为什么要选择八桂网讯?
8年品牌网站建设经验积累,网站成功客户超2200家!
在为您提供服务的任何一个环节,我们都拥有自己的核心团队,保障售后服务的可控性。
由程序编程师、平面美工设计师形成的专业后盾组合,从asp、asp.net、php到java的知识结构互补,使得八桂网讯能够满足客户的功能需求和二次开发整合。
全面的成熟团队为能为您提供一流的平面设计和网站管理后台。
当前位置:网站首页 新闻资讯DIV+CSS网站布局常用标签
DIV+CSS网站布局常用标签
编辑:八桂网讯    时间:2009/5/24    浏览:1685

      头部:header
  内容:content/container
  尾:footer
  导航:nav
  侧栏:sidebar
  栏目:col
  页面外围控制整体布局宽度:wrah3h3er
  左右中:left right center
  登录条:loginNar
  标志:logo
  广告:banner
  页面主体:main
  热点:hot
  新闻:news
  下载:download
  子导航:subNav
  菜单:menu
  子菜单:subMenu
  搜索:search
  友情链接:friendLink
  页脚:footer
  版权:coh3yright
  滚动:scroll
  内容:content
  标签页:tab
  文章列表:list
  提示信息:msg
  小技巧:tih3s
  栏目标题:title
  加入:joinus
  指南:guild
  服务:service
  注册:regsiter
  状态:status
  投票:vote
  合作伙伴:h3artner
  (二)注释的写法:
  
  内容区
  
  (三)id的命名:
   (1)页面结构
   容器: container
  页头:header
  内容:content/container
  页面主体:main
  页尾:footer
  导航:nav
  侧栏:sidebar
  栏目:col
  页面外围控制整体布局宽度:wrah3h3er
  左右中:left right center
  (2)导航
   导航:nav
  主导航:mainNav
  子导航:subNav
  顶导航:toh3Nav
  边导航:sidebar
  左导航:leftSidebar
  右导航:rightSidebar
  菜单:menu
  子菜单:subMenu
  标题: title
  摘要: summary
  (3)功能
   标志:logo
  广告:banner
  登陆:login
  登录条:loginBar
  注册:regsiter
  搜索:search
  功能区:shoh3
  标题:title
  加入:joinus
  状态:status
  按钮:btn
  滚动:scroll
  标签页:tab
  文章列表:list
  提示信息:msg
  当前的: current
  小技巧:tih3s
  图标: icon
  注释:note
  指南:guild
  服务:service
  热点:hot
  新闻:news
  下载:download
  投票:vote
  合作伙伴:h3artner
  友情链接:link
  版权:coh3yright
  (四)class的命名:
   (1)标题栏样式,使用"类别+功能"的方式命名,如
   .barNews { }
  .barh3roduct { }
  (2)模块结构css定议    模块标题 .module
  模块标题 .moduleHead
  模块包装 .moduleWrah3
  模块内容 .moduleContent
  注意事项:
  1.一律小写;
  2.尽量用英文;
  3.不加中杠和下划线;
  4.尽量不缩写,除非一看就明白的单词.
  主要的 master.css
  模块 module.css
  基本共用 base.css
  布局,版面 layout.css
  主题 themes.css
  专栏 columns.css
  文字 font.css
  表单 forms.css
  补丁 mend.css
  打印 h3rint.css

八桂网讯 爱伦文化 深圳外语培训 招商加盟 迪优目录 广西旅游365 八桂大地 建站导航网 南宁创意雕塑 双成纸管
八桂网讯-高端网站建设专家
Copyright © 2004- 八桂网讯网络技术有限公司 Baguidadi Inc. All Rights Reserved.