您的位置:CSS5 > CSS笔记 >

p标签什么意思_html p标签元素有哪些属性及段落p用法

发布日期:2019-10-05 21:02:55 来源:CSS5

html网页代码中<p></p>是什么意思?p有什么用?用法是怎么样的?

一、p是什么

html p标签是html元素标签一员,p标签是文章段落标签。一般文章段落采用p标签。

p标签语法:

<p>内容</p>

以<p>开始,以</p>结束,这样布局装一段文章段落内容。

二、p有什么用

用于布局文章段落时,采用p来分段落。

<p>第一段内容... ...</p>
<p>第二段内容... ...</p>
<p>第三段内容... ...</p>

三、html p标签用法

一般网站发布的文章段落就采用p段落标签来,这样文章具有主次关系。形成真正文章。

四、有哪些属性

p标签默认和div标签默认属性差不多,只是margin-top和margin-bottom有一定值。而margin-top和margin-bottom与line-height有一定联系。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>p实例</title>
<style>
.lh20{ line-height:20px}
.lh40{ line-height:40px}
</style>
</head>
<body>
<div class="lh20">
<p>第一段<br />第一段第二排<br />第一段第三排</p>
<p>第二段<br />第二段第二排</p>
</div>

<div class="lh40">
<p>第一段<br />第一段第二排<br />第一段第三排</p>
<p>第二段<br />第二段第二排</p>
</div>
</body>
</html>

实例代码,可以看看不同行高,p段落上下间距。

p有什么用?用法是怎么样的
不同行高影响p上下间距属性。

大概p默认上下基本间距为14px-20px

默认情况下p属性有:
1、独占一行的块(如div一样)
2、p上下有间距margin-top和margin-bottom一定值,形成分段段落空行效果
其它字体大小、字体、字体颜色均是继承初始化设置css样式。

标签(Tag): p 段落
本文分享URL地址:https://www.css5.com.cn/biji/1580.shtml

作者:CSS5原创

上一页:上一篇:P标签怎么自动换行_实现html段落p换行
下一页:下一篇:标签p和div的区别 html中用途