一、css属性分辨
1、结构差距
div与p均是一对最先与闭合标签。
div以<div>最先,以</div>结束的一对标签。
p以<p>开端,以</p>完结的一对标签。
2、称谓分歧
div是布局框架标签;
p是段落标签,布局文章标签。
3、div与p底子css属性
div与p均独有一行的块元素标签,唯一鉴识,p自带有一定margin-top和margin-bottom属性值,而div两个属性值为0,也便是两个p之间有不一定间距,而div没有。
div凹凸没有距离间距,而p有。
p自带距离一行的间距,而div不有上下隔绝距离间距
从上实例图看见div与p之间在于隔断。而p距离是受line-height行高影响,行高小那末p上下间距就小,行高值大,那末高低段落p隔绝距离就大。
二、框架组织
在机关html重构时刻,div首要用于构造框架,大小结构构造均运用div来结构。
div用于结构框架
一样平常结构均运用div标签机关。
三、形式布局
机关模式,结构文章时分,文章分段,均采取p标签。
组织文章接纳p对比多
四、局部模式构造
尽管无意偶尔组织只要一段翰墨中央,可采纳div也可采取p标签,若是采用p标签,但不紧要p自带高下间距,这个时分我们就必要确定p自带高低间距,配置CSS:
.abc p{margin-top:0;margin-bottom:0}
这样即可肯定class=abc对象内p高下间距为0.
css取消p标签高低间距
CSS5首倡:平凡结构框架结构应用div组织,文章段落接纳p标签组织。这样依照标签性能使用标签,尽量做到不滥用标签尺度使用html标签元素。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h53268.shtml