CSS布局教程

基于web标准的网站设计指南

« 表单设计的其他建议基于背景控制的导航优化 »

div vs span

        对于CSS布局学习者而言,除了对id与class选择符的使用中会存在一定的问题之外,还有一个经常使大家感到混淆的概念就是XHTML标签中的iv与span对象。对于XTML二段落,strong表示加粗等,而span与div似乎从语义上无法理解其真正用途,而且在使用上span及div几乎所有相同的属性,div与span到底在xTML中该如何使用呢?、在w3c对diV及span的简要描述中,我们看到了同样的说明—用于定义样式的容器虽然w3c在对div及span的描述中都说明了相同的用法,而且非常准确,用于定义样式的器,但实际上div在使用方式上有很大的差别,在这一点上我们通过实际显主示的div与span的效果上就能看出,我们看一段XHTML及CSS代码:从预览效果我们可以看到,在相同CSS样式的情况下,两个div对象之间出现了换系,而两个对象则是同行左右关系。对于都是用于样式容器的div与span对手象而言,是由于这样的关系,—使它们之间存在着使用上的差别,div与span元素在显示上的不同,源于其默认显示模式(display)的不同。在前面我曾了解过display属性的用法,用于改变元素的显示模式。对于XHTML中的每一个对象而言,都拥有自己默认的显示模式,div对象的默认显盖示模式是display:block;因为这样的默认模式,从而使div成为一个块状容器,其默矢认状态就占据一整行的空间,而span对象的默认显示模式为display:inline;因此span将作为一个行内联对象显示时以行内连接的方式进行显示。正是由于两个对象不同的显示模式,因此在实际使用过程定了两个对象的不同用途。div:又:对象的任务是呈现一个块状内容,如一大段文本,一个导航区域,一个页脚区域等显示为块状的内容进行结构编码并进行样式设计。天津做网站天津网站优化而拓为肉联对象时;span,用途是对行内元素进行结构编码以方方便样式设计,span默认状态下就不会破坏行中元素的显示顺序,例如在一大段文本中,我们需要变其中一段文本的颜色,可以将这一小部分文本使用span对象,并进行样式设计,这将不会改变这一整段文本的显示方式。span对象只是众多inline内联对象中的一种,而且是专门用于设计样式的一种内联对象像strong对象也是一种内联对象,使用之后将对某段文本进行加粗显示,是一种自带属性的内联对象,而span对象在默认使用情况下均不改变任何其中文本的属性,这是XHTML留给设计者昔的个空属性的内联对象,专门用于行内内容样式的自定义。div所赋于的使命要比span重要许多,默认为块状显示模式的div对象在实际应用中担负页面大块布局及版式的所有工作,需要大量使用div进行组合或嵌套来实现我们版式布局。天津网站建设天津网站制作

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号