SPAN元素和DIV元素有什么区别

SPAN元素和DIV元素有什么区别


2024年5月3日发(作者:)

SPAN元素和DIV元素有什么区别

解决思路:

最明显的区别是:DIV是块元素,SPAN是内嵌元素。块元素相当于内嵌元素在前后

各加一个

换行。其实,块元素和行内元素也不是一成不变的,只要给块元素定义dis

play:inline,块元素就成了内嵌元素,同样地,给内嵌元素定义了display:block就成了块

元素了。

具体步骤:

代码示例:

div1
div2

span1span2

div3

div4

span3

span4

技巧:有些朋友会说DIV是层标签,其实HTML里是没有层这个说法的,只不过是为

了易于理解,Dreamweaver里才这样写的,每个对象都可以成为“层”,只需要给对象定

义position属性(值为absolute或relavite)。例如,要让图片成为“层”,可以这样写代

码:

特别提示

本例代码运行效果如图2.1.6.3所示,为了更能说明问题,这里给块元素和内嵌元素都

加了1像素宽的黑色实线边框,从图中可以看到,DIV默认为块元素,定义display属性

值为inline后以内嵌元素显示,而SPAN默认为内嵌元素,定义display属性值为block

后则以块元素显示。

========

div>和的区别

span:允许网页制作者给出一个样式表,但无须加在HTML元素之上,也就是说span是

独立于HTML元素的.span在样式表做是做为一个标识符使用,而且也接受style class 和


发布者:admin,转转请注明出处:http://www.yc00.com/web/1714751820a2508633.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信