极简风HTML简历需用语义化标签、系统字体栈、60ch最大宽度和专用打印样式——以替代div，font-family设系统字体，max-width:60ch控制可读性，@media print优化输出。
极简风 HTML 简历不是删减内容，而是用结构和留白代替装饰——只要控制好 font-family、line-height、max-width 和语义化标签，就能在 10 分钟内产出可读性远超 PDF 的响应式简历。
用 <section></section> 替代 <div> 做分区，别套 class<p>浏览器默认对 <code><section></section>、<header></header>、<aside></aside> 有合理上下边距，无需额外重置；而一堆 <div class="section-education"> 反而增加 CSS 负担，也削弱可访问性。<p>实操建议：</p>
<ul>
<li>每个核心模块（教育、经历、技能）用一个 <code><section></section>，内部用 <h2></h2> 标题
<header></header>，侧边栏联系方式用 <aside></aside>（语义正确，打印时也易被识别为辅助区）class="section" 或 id="work-experience"——除非你要用 JS 动态操作它
font-family 只设两层：系统字体栈 + 降级，别用 Google Fonts
引入外部字体库会拖慢首屏、增加 FOIT 风险，且极简风格本就不依赖特殊字形。系统字体栈在 macOS / Windows / iOS 上都能保持干净一致的阅读节奏。
立即学习“前端免费学习笔记（深入）”；
推荐写法：
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
font-size: 1rem; /* 16px 默认，不放大不缩小 */
}注意点：
- 去掉引号包裹的
"Helvetica Neue"这类旧版命名（macOS 已弃用） - 不要加
font-weight: 300——细字体会降低小屏可读性，尤其简历常被手机快速扫读 - 所有文字统一用
body字体，标题不换字体，只调font-size和font-weight
用 max-width + margin: auto 控制阅读宽度，不是靠 flex
极简≠居中+左右留白就完事。真正影响阅读效率的是单行字符数——45–75 字符最佳。用 max-width: 60ch 比 800px 更可靠，因为 ch 单位基于当前字体的 “0” 字宽，自动适配不同字体渲染差异。
关键设置：
- 主内容区（如
<main></main>）设max-width: 60ch，配合margin: 0 auto - 去掉所有
text-align: justify——它制造不均匀词间距，破坏极简的呼吸感 - 项目列表用
margin-top: 1.2em代替padding，让视觉节奏更自然
打印样式必须单独写，否则一页变三页
多数人忽略这点：浏览器默认打印会保留背景色、链接下划线、侧边栏，甚至把导航栏也印出来。极简简历一旦打印错乱，专业感全毁。
最小必要打印 CSS：
@media print {
* { background: transparent !important; color: #000 !important; text-shadow: none !important; }
a { text-decoration: none !important; }
aside, nav, header > p:last-child { display: none; }
body { font-size: 12pt; }
}验证方式：
- Chrome 中按
Ctrl+P（或Cmd+P），选“另存为 PDF”，立刻看分页是否合理 - 确保每段经历控制在 1 页内，超长项目用
page-break-inside: avoid包裹<section></section> - 别信“隐藏打印按钮”的伪解决方案——用户总会 Ctrl+P
最常被跳过的细节是行高与字号的耦合关系：line-height: 1.6 在 16px 下是 25.6px，但若某处误设 font-size: 18px 又没同步调 line-height，行距就会塌陷。极简风格的容错率低，一像素的失衡都会被感知为“不够干净”。
