网页美工设计

网页设计中div和span的区别是什么？

编辑：时间：2016-10-11 21:49:50

　　DIV和Span的区别是什么?对于很多新手来说，可能对于DIV和Span两个标签的使用规则并不是很了解。具体的什么使用DIV，什么时候用Span，我们将通过本篇文章做详细的介绍，下面郑州清新教育郑州网页设计培训的老师就带着我们就一起来看看吧!

　　<div>与<span>的区别在于，<div>是一个块级元素(block-level)元素，它包围的元素会自动换行，而<span>仅仅是一个行内元素(inline elements)，在它的前面后不会换行。<span>没有结构上的意义，纯粹是应用样式，当其他行内元素都不合适时，就可以使用<span>元素。

　　此外，<span>标记可以包含于<div>标记之中，成为它的子元素，而反过来则不成立，即<span>标记不能包含<div>标记.

　　通常情况下，对于页面中大的区块中大的区块使用<div>标记，而<span>标记仅仅用于需要单独设置样式风格的小元素，例如一个单词、一幅图片和一个超链接等

　　两者最明显的区别是：DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN是行内元素，SPAN的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。DIV元素即块元素相当于内嵌元素在前后各加一个<br>换行。其实，块元素和行内元素也不是一成不变的，只要给块元素定义display:inline，块元素就成了内嵌元素，同样地，给内嵌元素定义了display:block就成了块元素了。

　　以上就是有关“DIV和Span的区别是什么”相关问题的解答，希望通过这部分的内容，能够帮助大家更好的了解两者之间的区别，在实际的应用中能够更好的来使用。

<< 上一篇：HTML5对浏览器支持情况详解图

>> 下一篇：网页设计中如何选择正确的图片格式

推荐资讯