html中span和 p标签属性,p标签和div标签的区别与用法

2、名称不�?/strong>

div是布局框架标签�?br />

p是段落标签，布局文章标签�?/p>

3、div与p基本css属�?/strong>

div与p均独占一行的块元素标签，唯一区别，p自带有一�?a href="/css/1398.shtml">margin-top和margin-bottom属性值，而div两个属性值为0，也就是两个p之间有一定间距，而div没有�?/p>

div上下没有间隔间距，而p有�?/p>

p自带间隔一行的间距，而div没有上下间隔间距

从上实例图看见div与p之间在于间隔。而p间隔是受line-height行高影响，行高小那么p上下间距就小，行高值大，那么上下段落p间隔就大�?/p>

二、框架布局

在布局html重构时候，div主要用于布局框架，大小结构布局均使用div来布局�?/p>

div用于布局框架

一般布局均使用div标签布局�?/p>

三、内容布局

布局内容，布局文章时候，文章分段，均采用p标签�?/p>

布局文章采用p比较�?/p>

四、局部内容布局

当然有时布局只有一段文字地方，可采用div也可采用p标签，如果采用p标签，但不需要p自带上下间距，这个时候我们就需要确定p自带上下间距，设�?a href="//www.css5.com.cn/">CSS�?br />

.abc p{margin-top:0;margin-bottom:0}

这样即可确定class=abc对象内p上下间距�?.

css取消p标签上下间距

CSS5建议：普通结构框架布局使用div布局，文章段落采用p标签布局。这样根据标签功能使用标签，尽量做到不滥用标签规范使用html标签元素�?/p>

标签(Tag): div p 区别

本文分享URL地址�?a href="/html/1439.shtml">/html/1439.shtml

作者：css5原创