设为首页 加入收藏

手机版 郑州清新教育-郑州电脑设计培训学校典范,专业课程包括:室内家装建筑装饰设计培训学习班,平面广告网页美工动漫设计培训,淘宝开店美工运营推广网站手机开发培训等课程
郑州清新教育电话

当前位置:首页 > 网页美工设计

网页美工设计

网页设计中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的区别是什么”相关问题的解答,希望通过这部分的内容,能够帮助大家更好的了解两者之间的区别,在实际的应用中能够更好的来使用。

求学问答专业答复,快速响应
电话:0371-63218905
手机:13613841515
QQ:
有问题需要老师在线解答? 立即提问 马上回复
更多 热门课程排行榜
郑州清新教育电脑学校

室内家装设计知识平面广告设计知识网页美工设计知识

模具机械设计知识电脑办公文秘知识游戏动漫设计知识

郑州清新教育电脑学校

清新教育新闻资讯清新教育报班选课清新教育就业服务

关于清新教育联系清新教育清新教育乘车路线

关于我们 版权所有:郑州清新教育(www.qingxinedu.cn)备案号:豫ICP备11011661号