• 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14
  • 步飘恒的专栏作者中国国家地理网 2019-05-14
  • 【奋斗者说】银河麒麟孔金珠:核心技术只有靠自己干出来 2019-05-13
  • 建好欧美同学会 助力伟大中国梦 2019-05-13
  • 看把你高兴的屁颠屁颠的,光有赞有什么用?我给你个货真价实的 [大红包]。 2019-05-13
  • ?
    欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
    您的位置:时时彩走势图后一 > CSS技巧 >

    DIV+CSS规范命名大全集合

    时时彩走势图后一 www.cuhw.com.cn

    网页制作中规范使用时时彩走势图后一命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇。

    常用DIV+CSS命名大全集合,即CSS命名规则

    DIV CSS命名目录
    1. 命名规则说明
    2. 重要CSS命名
    3. CSS命名参考表
    4. 命名技巧

    我们开发时时彩走势图后一网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法。

    一、命名规则说明:   -   TOP

    1)、所有的命名最好都小写
    2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"
    3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整
    4)、空元素要有结束的tag或于开始的tag后加上"/"
    5)、表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等
    6)、<h1>到<h5>的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。
    7)、给每一个表格和表单加上一个唯一的、结构标记id
    8)、给图片加上alt标签
    9)、尽量使用英文命名原则
    10)、尽量不缩写,除非一看就明白的单词

    DIVCSS5给大家介绍常见CSS命名和时时彩走势图后一命名方法。

    二、相对网页外层重要部分CSS样式命名:  -   TOP

    外套 wrap ------------------用于最外层
    头部 header ----------------用于头部
    主要内容 main ------------用于主体内容(中部)
    左侧 main-left -------------左侧布局
    右侧 main-right -----------右侧布局
    导航条 nav -----------------网页菜单导航条
    内容 content ---------------用于网页中部主体
    底部 footer -----------------用于底部

    三、DIV+CSS命名参考表:   -   TOP

    以下为CSS样式命名与CSS文件命名参考表,DIV CSS命名集合:

    CSS样式命名 说明
    网页公共命名
    #wrapper 页面外围控制整体布局宽度
    #container或#content 容器,用于最外层
    #layout 布局
    #head, #header 页头部分
    #foot, #footer 页脚部分
    #nav 主导航
    #subnav 二级导航
    #menu 菜单
    #submenu 子菜单
    #sideBar 侧栏
    #sidebar_a, #sidebar_b 左边栏或右边栏
    #main 页面主体
    #tag 标签
    #msg #message 提示信息
    #tips 小技巧
    #vote 投票
    #friendlink 友情连接
    #title 标题
    #summary 摘要
    #loginbar 登录条
    #searchInput 搜索输入框
    #hot 热门热点
    #search 搜索
    #search_output 搜索输出和搜索结果相似
    #searchBar 搜索条
    #search_results 搜索结果
    #copyright 版权信息
    #branding 商标
    #logo 网站LOGO标志
    #siteinfo 网站信息
    #siteinfoLegal 法律声明
    #siteinfoCredits 信誉
    #joinus 加入我们
    #partner 合作伙伴
    #service 服务
    #regsiter 注册
    arr/arrow 箭头
    #guild 指南
    #sitemap 网站地图
    #list 列表
    #homepage 首页
    #subpage 二级页面子页面
    #tool, #toolbar 工具条
    #drop 下拉
    #dorpmenu 下拉菜单
    #status 状态
    #scroll 滚动
    .tab 标签页
    .left .right .center 居左、中、右
    .news 新闻
    .download 下载
    .banner 广告条(顶部广告条)
    电子贸易相关
    .products 产品
    .products_prices 产品价格
    .products_description 产品描述
    .products_review 产品评论
    .editor_review 编辑评论
    .news_release 最新产品
    .publisher 生产商
    .screenshot 缩略图
    .faqs 常见问题
    .keyword 关键词
    .blog 博客
    .forum 论坛

    CSS文件命名 说明
    master.css,style.css 主要的
    module.css ???/td>
    base.css 基本共用
    layout.css 布局,版面
    themes.css 主题
    columns.css 专栏
    font.css 文字、字体
    forms.css 表单
    mend.css 补丁
    print.css 打印

    CSS命名其它说明:

    DIV+CSS命名小结:无论是使用“.”(小写句号)选择符号开头命名,还是使用“#”(井号)选择符号开头命名都无所谓,但我们最好遵循,主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名,其它都用“.”(小写句号)选择符号开头命名,同时考虑命名的CSS选择器在HTML中重复使用调用。

    通常我们最常用主要命名有:wrap(外套、最外层)、header(页眉、头部)、nav(导航条)、menu(菜单)、title(栏目标题、一般配合h1\h2\h3\h4标签使用)
    、content (内容区)、footer(页脚、底部)、logo(标志、可以配合h1标签使用)、banner(广告条,一般在顶部)、copyRight(版权)。其它可根据自己需要选择性使用。

    DIVCSS5建议:主要的、重要的、最外层的盒子用“#”(井号)选择符号开头命名,其它都用“.”(小写句号)选择符号开头命名。

    2.CSS样式文件命名如下

    主要的 master.css
    布局,版面 layout.css
    专栏 columns.css
    文字 font.css
    打印样式 print.css
    主题 themes.css

    四、英文命名技巧:   -   TOP

    如果遇到不常用的,可以借助翻译工具进行翻译取其英文命名。
    推荐使用谷歌在线翻译工具://translate.google.cn/
    谷歌翻译工具介绍://www.cuhw.com.cn/css-tool/t346.shtml

    也许你需要了解一下css引用html方法

    以上为DIV+CSS的命名规则总结,相信通过规范的时时彩走势图后一命名给你以后网站网页的维护带来方便。  

    如需转载,请注明文章出处和来源网址://www.cuhw.com.cn/jiqiao/j4.shtml

    我要分享到:
    上一篇:没有了
    下一篇:DIV+CSS与TABLE的网页优势何在?

    必备CSS教程 Essential CSS Tutorials

    必备HTML基础教程 Essential HTML Tutorials

    如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
    时时彩走势图后一文章修订日期:2010-02-08 15:35 原创:时时彩走势图后一
    本文时时彩走势图后一 www.cuhw.com.cn DIVCSS5版权所有。

  • 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14
  • 步飘恒的专栏作者中国国家地理网 2019-05-14
  • 【奋斗者说】银河麒麟孔金珠:核心技术只有靠自己干出来 2019-05-13
  • 建好欧美同学会 助力伟大中国梦 2019-05-13
  • 看把你高兴的屁颠屁颠的,光有赞有什么用?我给你个货真价实的 [大红包]。 2019-05-13