<sub id="clurr"><font id="clurr"></font></sub>
<xmp id="clurr"></xmp>
  • <form id="clurr"></form>
      <progress id="clurr"><font id="clurr"></font></progress>

      <sub id="clurr"><font id="clurr"></font></sub>
      <b id="clurr"><s id="clurr"></s></b>
      1. <b id="clurr"></b>
      2. <samp id="clurr"></samp>

        <input id="clurr"><s id="clurr"></s></input>

        1. <xmp id="clurr"></xmp>
        2. <var id="clurr"><s id="clurr"><rp id="clurr"></rp></s></var>
          1. <input id="clurr"><s id="clurr"></s></input>

              <center id="clurr"><font id="clurr"><input id="clurr"></input></font></center>
              <center id="clurr"><font id="clurr"></font></center>

                <progress id="clurr"></progress>

              1. <samp id="clurr"></samp><var id="clurr"><del id="clurr"></del></var>
                设为首页 | 加为收藏 | 联系我们 咨询热线:0632-5272123
                电 话:0632-5272123
                传 真:0632-5271123
                地 址: 枣庄市文化西路23号
                E-mail:zzint@zzint.com
                • 技术咨询:
                • 业务咨询:
                • 客户服务:
                • 服务监督:
                详细资料 您当前的位置:网站首页新闻动态详细资料

                建站DIV+CSS 之网页切图过程中div+css命名规则

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

                  (二)注释的写法

                   Footer
                  内容区
                   End Footer

                  (三)id的命名

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

                  (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
                  文章列表:list
                  提示信息:msg
                  当前的 current
                  小技巧:tips
                  图标 icon
                  注释:note
                  指南:guild
                  服务:service
                  热点:hot
                  新闻:news
                  下载:download
                  投票:vote
                  合作伙伴:partner
                  友情链接:link
                  版权:copyright

                  (四)class的命名

                  (1)颜色使用颜色的名称或者16进制代码,如
                  .red { color red; }
                  .f60 { color #f60; }
                  .ff8600 { color #ff8600; }
                  (2)字体大小,直接使用font+字体大小作为名称,如
                  .font12px { font-size 12px; }
                  .font9pt {font-size 9pt; }
                  (3)对齐样式,使用对齐目标的英文名称,如
                  .left { floatleft; }
                  .bottom { floatbottom; }
                  (4)标题栏样式,使用类别+功能的方式命名,如
                  .barnews { }
                  .barproduct { }

                  注意事项

                  1.一律小写;
                  2.尽量用英文;
                  3.不加中杠和下划线;
                  4.尽量不缩写,除非一看就明白的单词.
                  主要的 master.css ? module.css基本共用 base.css
                  主题 themes.css 专栏 columns.css 打印 print.css
                  文字 font.css 表单 forms.css 补丁 mend.css
                  布局,版面 layout.css 枣庄网站制作

                上篇文章:(PS)网页中切图注意事项
                下篇文章:CSS+DIV布局的优缺点
                版权所有 枣庄市英特信息网络有限公司 ◎2013 企业邮箱
                联系电话:0632-5271123 5272123  总部地址:枣庄市文化西路23号
                ICP备案:鲁ICP备09021689号 增值电信业务经营许可证编号:鲁 B2-20080087号
                <sub id="clurr"><font id="clurr"></font></sub>
                <xmp id="clurr"></xmp>
              2. <form id="clurr"></form>
                  <progress id="clurr"><font id="clurr"></font></progress>

                  <sub id="clurr"><font id="clurr"></font></sub>
                  <b id="clurr"><s id="clurr"></s></b>
                  1. <b id="clurr"></b>
                  2. <samp id="clurr"></samp>

                    <input id="clurr"><s id="clurr"></s></input>

                    1. <xmp id="clurr"></xmp>
                    2. <var id="clurr"><s id="clurr"><rp id="clurr"></rp></s></var>
                      1. <input id="clurr"><s id="clurr"></s></input>

                          <center id="clurr"><font id="clurr"><input id="clurr"></input></font></center>
                          <center id="clurr"><font id="clurr"></font></center>

                            <progress id="clurr"></progress>

                          1. <samp id="clurr"></samp><var id="clurr"><del id="clurr"></del></var>
                            久久综合一区二区无码|人人澡天天澡夜夜澡|亚洲日韩av无码一本到|日韩人妻无码精品专|九九九九热精品免费视频