<p>不是回车键：HTML段落实战笔记

段落就是网页的“呼吸口”——一敲回车，文字就能喘气。HTML 把这事标准化成了一个标签：<p>。

1 标签长啥样？

<p>第一句台词。</p>
<p>第二句台词。</p>

浏览器自动在两段之间塞 1em 的空白，不用你手动敲 <br> 。

2 能往里塞啥？

• 文字、<a>、<strong>、<em>、<span> 都行。
• 别塞块级元素（<div>、<ul>、<h1> 等），一塞就炸，<p> 会自动提前闭合 。

3 常见作死现场

❌ 拿 <p> 当“换行器”：

<p>第一行<br>第二行</p>   <!-- 可以，但没必要 -->

✅ 真正分段：

<p>第一行。</p>
<p>第二行。</p>

4 想调间距？找 CSS

p {
  margin: .5em 0;   /* 缩小喘气口 */
  line-height: 1.6; /* 让字站稳 */
  color: #333;
}

别再用 <p style="margin:0"> 写行内，后期维护想打人 。

5 小口诀

“一句一意一段落，空白交给 CSS 管；
块级不进 <p>，语义干净又好看。”

记住：<p> 不是“大字号”，也不是“换两行”，它就是一句——“这是一段独立的意思”。