html中div和span详解

html中div和span详解

ID:15421149

大小:267.50 KB

页数:22页

时间:2018-08-03

html中div和span详解_第1页
html中div和span详解_第2页
html中div和span详解_第3页
html中div和span详解_第4页
html中div和span详解_第5页
资源描述:

《html中div和span详解》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、Htmldiv和span详解div和span的区别div:div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。Span:span是一个内联元素,没有实际意义,它的存在纯粹是为了应用样式,给一段内容加上标记可以通过在span上定义样式来设定其内容的样式。div和 span元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。比如:代码:div与span的区别</t</p><p>2、itle></head><body><p>div标记不同行:</p><div><imgsrc="www.csscss.org_CSS在线_logo.gif"border="0"></div><div><imgsrc="www.csscss.org_CSS在线_logo.gif"border="0"></div><div><imgsrc="www.csscss.org_CSS在线_logo.gif"border="0"></div><p>span标记同一行:</p><span><imgsrc="www.csscss.o</p><p>3、rg_CSS在线_logo.gif"border="0"></span><span><imgsrc="www.csscss.org_CSS在线_logo.gif"border="0"></span><span><imgsrc="www.csscss.org_CSS在线_logo.gif"border="0"></span></body></html>输出结果:区别:两者最明显的区别在于div是块元素,而span是行内元素。所谓块元素:是以另起一行开始渲染的元素,行内元素:不需另起一行,测试一下下面的代码你会有更形象的</p><p>4、理解:如:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>CSS在线-示例测试紧跟前面的"测试"显示

这里会另起一行显示
输出结果:测试紧跟前面的"测试"

5、显示这里会另起一行显示块元素和行内元素也不是一成不变的,通过定义CSS的display属性值可以互相转化如:CSS在线-示例测试

6、">紧跟前面的"测试"显示

这里会另起一行显示输出结果:测试紧跟前面的"测试"显示这里会另起一行显示应用:因为div与span元素的特殊性,所以一般用于应用样式表,比如说用CSS定义为层,而需要分清的是块元素和行内元素的区别,还有两者间的相互转化。一般而言:div一般用做渲染html 的容器,而span指定内嵌文本容器。让div在html面中垂直居中代码:

7、//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">aaaaaaaa