真正起作用的是CSS的排版控制、字体选择、间距节奏和交互细节；HTML只负责语义化结构，应用等标签，避免div堆砌；line-height、letter-spacing、font-weight三项CSS参数对高级感影响最直接；导出PDF需禁用@media print隐藏、避免vh/vmin单位及依赖背景色的关键信息。
纯 HTML 无法做出“高级感十足”的简历——真正起作用的是 CSS 的排版控制、字体选择、间距节奏和交互细节，HTML 只负责语义化结构。想靠写一堆 <div> 堆出高级感，大概率会得到一个结构混乱、屏幕阅读器不认、打印出来一团糟的页面。
<h3>用语义化标签代替 <code><div> 堆砌
<p>很多所谓“高级模板”一打开源码全是嵌套七八层的 <code><div class="wrapper-inner-subsection">，这反而暴露了对 HTML 本质的误解。搜索引擎和辅助技术依赖语义，不是 div 深度。
<ul><li>用 <code><header></header> 包个人信息，<section></section> 分隔教育/经历/技能，<h2></h2> 做小标题（不是 <div class="title">）
<li>
<code><time datetime="2022-09">2022.09–2024.06</time> 比纯文本更利于解析，也方便后续加微数据
<br> —— 这些该由 CSS 的 margin 或 display: flex 控制CSS 中真正影响“高级感”的三个参数
不是阴影越多越好，不是字体越花越高级。实际调试中，以下三项调整带来的观感提升最直接、最稳定：
-
line-height：设为1.5～1.7（正文），比默认值更透气；标题可压到1.2，但别低于1.1，否则字贴太紧 -
letter-spacing：英文简历正文设0.02em～0.05em，中文慎用（多数中文字体自带字距，强行加反而发散） -
font-weight：避免全篇400或600。标题用600，小标题500，正文450（如 Inter、Satoshi 等支持细字重的字体）
导出 PDF 时样式崩坏？先关掉这些
浏览器“另存为 PDF”和打印预览是简历落地的关键环节，但也是翻车高发区：
立即学习“前端免费学习笔记（深入）”；
- 禁用
@media print { display: none }类规则——很多人为了“网页好看”把联系方式藏掉，结果 PDF 里真没了 - 避免使用
vh/vmin单位做高度控制，PDF 导出器对视口单位支持极差，容易截断内容 - 背景图、渐变、
box-shadow在多数 PDF 导出中会被忽略或渲染异常，关键信息（如姓名、职位）绝不能依赖背景色衬托 - 测试命令：
chrome --headless --print-to-pdf=output.pdf your-resume.html，比 GUI 点击更接近真实效果
高级感不是靠特效堆出来的，是克制之后留下的呼吸感。最容易被忽略的，其实是打印时页边距是否统一、页眉页脚是否干净、以及当用户放大到 200% 时所有文字是否依然可读——这些地方不动声色，才真正决定别人愿不愿意多看你三秒。
