资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

CSS与HTML使用误区有哪些

这篇文章主要介绍了CSS与HTML使用误区有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都做网站、成都网站设计、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的寿光网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

误区一.多div症 


    
           
  • Home
  •        
  • About
  •        
  • Concact
  •     

上述使用使用多余的div标签现状,就称为“多div症”,理应简化成下


      
  • Home
  •       
  • About
  •       
  • Concact
  • 误区二.多类class症  注意点class可以应用于页面任意多个元素,非常适合标识内容类型或其他相似的条目

    一段新闻(新闻标题、新闻详情内容)

    Elastic Layout Example—View Source for the HTML and CSS
    Lorem ipsum dolor sit amet.
            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    上述类名使用news-head与news-text 就称为"多类症"表现,不需要这么多的类区分元素样式

    最好使用div(division)代表部分而不是没有语义(大多数人误解div无语义!!!),实际上div可以将文档划分为几个有意义的区域.

    类名news从而识别整个新闻条目。然后可以使用层叠(cascade)样式识别新闻标题、文本,理应修改如下

    
        

    Elastic Layout Example—View Source for the HTML and CSS

        

    Lorem ipsum dolor sit amet.         Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.         Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    span 对行内元素进行分组或标识

     Andy wins an Oscar for his cameo in Iron Man

    Public and on Februray 22nd, 2009     By Harry Knowles

    误区三.id使用误区 用于标识页面上特定元素(比如站点导航、页眉、页脚)而且必须唯一; 也可以用来标识持久结构性元素(如主导航、内容区域)

    /*大量的使用id,很难找到唯一名称混乱*/
    #andy, #rich, #jeremy, #james-box, #sophie {
        font-size: 1em;
        font-weight: bold;
        border: 1px solid #ccc;
    }
    /*只需一个普通类替代它*/
    .staff {
        font-size: 1em;
        font-weight: bold;
        border: 1px solid #ccc;
    }

    用于标识页面上特定元素(比如站点导航、页眉、页脚)而且必须唯一; 也可以用来标识持久结构性元素(如主导航、内容区域)

    CSS与HTML使用误区有哪些

    感谢你能够认真阅读完这篇文章,希望小编分享的“CSS与HTML使用误区有哪些”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


    标题名称:CSS与HTML使用误区有哪些
    新闻来源:http://cdkjz.cn/article/ggepsi.html
    返回首页 了解更多建站资讯
    多年建站经验

    多一份参考,总有益处

    联系快上网,免费获得专属《策划方案》及报价

    咨询相关问题或预约面谈,可以通过以下方式与我们联系

    大客户专线   成都:13518219792   座机:028-86922220