正确做法是每个完整意思单独包一层p标签；设置line-height: 1.6和margin-bottom: 1.2rem控制呼吸感；首行缩进用text-indent: 2em；对齐方式统一用css而非align属性。
用 p 标签组织段落，别用 <br>
拼凑段落
很多人写长文时习惯连续敲
<br>来“换行”，结果生成一堆无语义的空行。浏览器会把多个
<br>当作单次换行处理，且无法被屏幕阅读器识别为逻辑分隔——这既影响可访问性，也破坏 CSS 控制能力。
正确做法是每个完整意思单独包一层 p。比如一句话讲完一个观点，就闭合一次
<p></p>。这样 CSS 的 margin、line-height 才能精准作用于每个信息块。- 错误：
<p>第一句。<br><br>第二句。</p>
- 正确：
<p>第一句。</p> <p>第二句。</p> - 额外好处：配合
article或section语义化容器，SEO 和结构化数据提取更可靠
设置 line-height 和 margin 控制呼吸感
默认段落行高太挤，段间距又太小，读者容易视觉疲劳。关键不是调大字号，而是留白节奏。
推荐组合（以 16px 基础字体为例）：
-
line-height: 1.6—— 行内垂直空间，避免文字粘连 -
margin-bottom: 1.2rem—— 段落间留出清晰边界，比像素值更适配缩放 - 避免同时设
margin-top和margin-bottom，易造成双倍间距；只设margin-bottom即可
如果正文含中文，line-height 可略提高到 1.7～1.8，因汉字字形占位更方正，需要更多行间缓冲。
首行缩进用 text-indent，别依赖空格或全角字符
中文排版习惯首行缩进两个汉字宽度，但直接打两个空格或用 会导致响应式断行错乱、复制粘贴失真、SEO 解析异常。
统一用 CSS 控制：
-
text-indent: 2em——em相对于当前字体大小，缩进随字号自适应 - 仅对
p设置，不加:first-child之类限制，否则列表后、标题后的首个段落会漏掉缩进 - 注意：
blockquote、pre等特殊容器内段落通常不缩进，需单独重置text-indent: 0
对齐方式优先用 CSS，禁用 align 属性
<p align="center"></p> 这类 HTML 属性在 HTML5 中已被废弃，现代浏览器虽仍兼容，但会触发严格模式警告，且无法继承、无法媒体查询响应。
全部改用 class 或内联 style：
- 居中标题：
<p style="text-align: center;">副标题</p> - 右对齐签名：
<p class="signature" style="text-align: right;">作者</p> - 两端对齐正文（适合宽屏长段）：
text-align: justify，但移动端慎用——小屏幕下单词间距拉伸明显，影响可读
真正麻烦的是混合排版：比如一段左对齐正文里嵌了居中图片，此时得靠 figure + figcaption 语义化包裹，而不是给 p 加 text-align 硬套。
最常被忽略的是段落与标题之间的垂直节奏。很多人只调 h2 的 margin-bottom，却忘了它后面那个 p 的 margin-top 会叠加。实际应统一用 margin-bottom 单向控制，再用 * + * 选择器微调相邻兄弟元素间距。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
