Question

为什么＆＃34; COL1＆＃34; ＆安培; ＆＃34; COL2＆＃34;以更大的字体显示＆＃34; P1TEXT＆＃34; ＆安培; ＆＃34; P2TEXT＆＃34; ？

＆＃13;

h1 {
  color: red;
  font-size: 2.0em;
}
p {
  color: blue;
  font-size: 0.6em;
}

＆＃13;

 <h1>H1 TEXT</h1>
<p>P1 TEXT</p>
<p>
  <table>
    <tr>
      <th>COL1</th>
      <th>COL2</th>
    </tr>
  </table>
</p>
<p>P2 TEXT</p>

＆＃13;

Answer 1

p元素的结束标记是可选的，并且段落内不允许使用表格。

因此，该表隐含地结束了段落，并且p结束标记被删除为无效（如果您使用了a validator，则会被拾取）。

该表不在段落内。然后，您只有浏览器默认CSS应用于表格单元格。

Answer 2

正在取代<th>不要在标记中放置表格，但这只是基础知识。如果您必须将<th>作为普通蓝色文本，请按以下步骤操作。虽然，我永远不会推荐这个。设计为粗体...这就是我们拥有它们的原因，如果你想要它是正常的，如果你真的想要使用<td>，你可以在标签中加入<th> INSIDE ，正如我在Col 3中所示。但是再次......不建议使用或<td>甚至是，如果您需要不同的单元格来使用不同的颜色。

h1 {
  color: red;
  font-size: 2.0em;
}
 p, th {
  color: blue;
  font-size: 0.6em;
  font-weight: normal;
}

<h1>H1 TEXT</h1>
<p>P1 TEXT</p>
  <table>
    <tr>
      <th>COL1</th>
      <th>COL2</th>
      <th><p>COL3</p></th>
    </tr>
  </table>
<p>P2 TEXT</p>

<p>标记字体大小无法按预期工作

2 个答案: