blockquote 默认缩进来自左右 margin（约40px或1em），非 padding 或 text-indent；改 padding 无效因未设置；正确做法是先重置 margin: 0，再设 position: relative 以支持伪元素精确定位。
blockquote 默认缩进是怎么来的，为什么改 padding 没用
浏览器（Chrome/Firefox/Safari）给 blockquote 默认加的是左右 margin，大约 40px 或 1em，不是 padding，也不是 text-indent。你调 padding-left 看不到变化，是因为它压根没被设过；设了 text-indent 只缩首行，多段引用会错位。
常见误操作：blockquote { padding-left: 2rem; } —— 无效，纯白忙活。
正确起点：先清掉默认干扰：blockquote { margin: 0; }
- 必须同时设
margin-left和margin-right，否则 RTL 页面（如阿拉伯语）会出偏移 - 如果用了 CSS Reset，
margin被清掉了，别以为“样式丢了”，其实是它本来就不该靠默认 margin 表达语义 - 清完之后再加视觉区分更可控：比如
border-left: 3px solid #ccc或浅灰背景background-color: #f9f9f9
伪元素加引号前，必须给 blockquote 设 position: relative
blockquote::before 和 blockquote::after 是绝对定位的，但它们的定位基准是“最近的已定位祖先”。而默认的 blockquote 是 position: static，不构成定位上下文——所以直接写 left: -20px; top: -20px; 会失效，引号飘到页面左上角或根本不对齐。
关键一步：blockquote { position: relative; }，这句不能漏，否则所有后续定位都是空中楼阁。
-
position: inherit或position: static在伪元素上等于没写，别用 - 设了
relative后，::before才能真正相对于blockquote容器定位 - 如果父容器本身有
overflow: hidden，且引号超出边界，记得加overflow: visible或调整left/right值
开引号和闭引号的定位逻辑完全不同
开引号（::before）习惯放在左上角附近，用 top + left 很稳；但闭引号（::after）若也用 top + right，会卡在第一行末尾，而不是整个引用块的右下角——尤其当引用有多段、响应式换行时，它就“掉队”了。
可靠做法：blockquote::after { position: absolute; bottom: 0; right: 0; }，配合 line-height: 1 和 vertical-align: top 防止基线错位。
- content 必须用 Unicode：开引号用
"\201C"（中文「或英文“），闭引号用"\201D"（」或”），别直接敲中文引号，容易编码异常 - 字体大小大时（比如
font-size: 5em），记得设line-height: 0.1避免引号被行高撑开 - 如果闭引号总贴着最后一行文字底部，而不是块底部，检查是否漏了
bottom: 0或父级height被意外限制
cite 属性不显示，出处信息得手动补全
cite 属性只接受 URL，且完全不渲染——写了 cite="《JavaScript 高级程序设计》" 浏览器会忽略，校验器报错，屏幕阅读器也读不到作者名。它只服务 SEO 和结构化数据，不是给人看的。
人类可读的出处，必须用语义 HTML 显式写出：<footer><cite>书名</cite>, p.127</footer>，且 <footer></footer> 是 <blockquote></blockquote> 的合法子元素，不是可选项。
-
<cite></cite>只能包作品名（书、文章、URL 文本），不能包人名；人名直接写，或用<span></span> - 如果引用来自同一页面锚点（如
#api-response），cite值写成cite="#api-response"也算有效 URL - 别把
<footer></footer>放在<blockquote></blockquote>外面，语义链就断了，辅助技术和爬虫都识别不到归属关系
blockquote { position: relative; } 这一句——它不报错，也不警告，但少了它，所有引号定位都会失准。还有就是把 cite 当显示字段用，结果页面干干净净什么也不出来，回头翻文档才意识到自己一直在喂浏览器吃无效值。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
