《静态网页第十三章》由会员分享，可在线阅读，更多相关《静态网页第十三章（7页珍藏版）》请在金锄头文库上搜索。
1、零基础学HTML第13章 DIV与SPAN1-2课程安排解读SPAN 何时用SPAN标签 DIV与SPAN区别 DIV与SPAN在布局中应用1-3解读SPAN什么是SPAN 与DIV标签块级元素不同，SPAN标签指行内元素， 主要用于文本的容器，相对于DIV容器，SPAN容器相 对于文本或图片要小些。DIV和SPAN元素最大的特点 是默认都没有对元素内的对象进行任何格式化渲染，主 要用于应用样式表。与DIV一样，SPAN也是一个标记，包含着一个容 器，里面所放置的可以是文本或图片等，SPAN的宽度 依照包围着对象的宽度而定，故不能用宽度属性width 设置SPAN标记内对象的宽度，但可以设置S
2、PAN的 margin（外补丁）值，设置SPAN中的对象位置与父对 象的距离。1-4何时用SPAN标签一个DIV内容不超过一行，所占的就是一行文本内容， 因为DIV默认宽度是父对象的100%，而SPAN标记中的 内容宽度是指其内容所占的宽度，即不能设置SPAN的 宽度，所以在一行文本中，想对其中的文字设置样式， 而又不要该行文本换行的条件下，可以选择SPAN标记 ，同理，在图片中应用也如此。 1-5DIV与SPAN区别默认宽度不同 。 SPAN和 DIV的区别在于，DIV是一个块级元素，可以包含 段落、标题、表格，乃至诸如章节、摘要和备注等；而 SPAN 是行内元素，SPAN 的前后是不会换行的，它没 有结构的意义，纯粹是应用样式，当其他行内元素都不 合适时，可以使用SPAN。 块元素与行内元素 DIV与SPAN的区别，即设置块元素与行内元素时，用 display属性可以对其转化。1-6DIV与SPAN在布局中应用我们通过实例13.4来讲解，DIV与SPAN在布局中应用1-7
