为什么<p>标签和<p1>标签的背景颜色不同？</p1> </p>

Question

这里的＆＃39; p＆＃39;标签用背景颜色覆盖整行，而＆＃39; p1＆＃39;标签仅在文本上显示背景颜色。

＆＃13;

＆＃13;

h1 {
  color: red;
  font-weight: bolder;
}

#c {
  background-color: #096;
}

h3 {
  font-family: "Palatino Linotype";
}

#c2 {
  color: #900;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 40px;
}

p1 {
  font-size: 36px;
}

＆＃13;

<h1>xcvxcv</h1>
<p1 id="c">xcvcxv</p1> <!-- background color isn't covering the row -->

<h3>xcvxcv</h3>
<h4>xcvxvd</h4>
<h5>sdfdsf</h5>
<p id="c">sdfdsfsfd</p> <!-- background color of this '<p>' tag is covering the entire row -->

＆＃13;

＆＃13;

＆＃13;

Answer 1

这是因为<p>代码的默认样式为display: block，这意味着它会占用一行内容。如果您希望自定义<p1>代码的行为类似（因为它不是标准代码），您必须添加自己的样式，如下所示：

p1 { 
  font-size: 36px;
  display: block;
}