HTML段落paragraph

标签  <p>段落内容</p>

作用 划分段落

1、如果是默认的浏览器样式 空标签也占地方

2、出场率很高

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HeadingContent</title>
    
</head>
<body>
    <h6>   标题内容</h6>
    <p> 这是一个段落内容 </p>
    <p> 这又是一个段落内容 </p>
</body>
</html>

如果我们不加以覆盖默认样式的段落之间是有间隔的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HeadingContent</title>
    <style>
        p{
            margin:0;
            padding:0;
        }
        </style>
</head>
<body>
    <h6>   标题内容</h6>
    <p> 这是一个段落内容 </p>
    <p> 这又是一个段落内容 </p>
</body>
</html>

这时我们约定外边距属性、内边距为0后

猜你喜欢

转载自blog.csdn.net/qq_40354578/article/details/93485521