当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > css知识:Div和Span在使用中的不同之处

HTML/XHTML教程
回答XML与HTML的区别
举一反三 浅谈在网页上显示日期的两种方法
打开“保护之门”—破解网页限制功能
“快马加鞭”—网站浏览提速七种武器
用FAQGenie迅速制作“常见问答”网页
流程图软件Visio作“高难度”网页
动态HTML教程(二)
动态HTML教程(一)
动态HTML教程(三)
Html源文件中image标签的析取
什么是Dynamic HTML
关于CSS中的类-CLASS
什么是CSS?它的能做些什么?
如何将 CSS 加诸于网页
CSS产生的特殊效果
CSS的字体、字型控制
使用不同的CSS写法-CSS进阶
HTML的基本元素
Html的几个小技巧
WEB界面设计五种特征

HTML/XHTML教程 中的 css知识:Div和Span在使用中的不同之处


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 102 ::
收藏到网摘: n/a

简单的说,HTML只是赋予内容的方法,大部分HTML标签都有其自已的特别意义(标签p创建段落,h1标签创建标题等等)的,但是,span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。

但实际上,与CSS结合起来后,它们就被应用得十分广泛。

  它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来,见CSS中级指南的类和id选择符。

  span和div的不同之处在于span是内联的,用在一小块的内联HTML中,而div(想想division是什么意思)元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码。  

This is crazy

在实践中,div,特别是span不应该滥用,尽管有其他相左的意见。比如,你要强调单词“crazy”和加粗类“paper”,可能会用这样的代码:  
This is crazy

这是做法比再加一个span比较好。

  对于类class和标识id没有线索?别担心,在CSS中级指南中会接触到它们。你所需要记住的是,span和div 是“无意义”的标签。