用 font-size 一行 CSS 即可调整文字大小：内联 style 适合单字或标题调试，如 欢迎；px 最直观，注意写法是 font-size（非 fontsize）；批量修改用 内部样式表；优先级冲突时用 F12 查 Computed 值确认生效规则。
直接用 font-size 就能调，不用学一堆概念，一行 CSS 就够。
用 style 属性内联改单个文字大小
适合改一两个字、标题或临时调试，改完立刻看到效果：
比如把“欢迎”两个字设成 24 像素：
<p>欢迎</p>→ 改成：
<p style="font-size: 24px;">欢迎</p>
-
px最直观，16px ≈ 浏览器默认大小 - 也支持
em（相对父元素）、rem（相对根元素），但入门先别碰，容易绕晕 - 别写成
fontsize或font_size，必须是font-size（带短横线）
用 <style></style> 批量改某类文字大小
比如所有 <h2></h2> 都想变大，或者所有段落统一调小，用内部样式表更省事：
立即学习“前端免费学习笔记（深入）”；
<style><br> h2 { font-size: 28px; }<br> p { font-size: 14px; }<br></style>
- 写在
里，或紧跟在开头也行 - 选择器要写对：是
h2不是<h2></h2>，别多加尖括号 - 如果页面已有其他样式，这条会覆盖同名属性（CSS 层叠规则），不是追加
为什么写了没反应？常见卡点
不是代码错，而是被别的样式“压住”了：
- 检查有没有外部 CSS 文件（比如
style.css）里写了更强的选择器，比如body p比单独p优先级高 - 浏览器开发者工具（F12）点中文字 → 看右侧面板的
Computed标签页，找font-size实际生效值，点开它就能看到哪条规则赢了 - 别在
<div> 上设 <code>font-size后，指望里面所有文字自动继承——大部分标签会继承，但像<input>、<button></button>默认不继承，得单独写真正难的不是怎么写，而是改完后不确定是不是被别的规则抵消了；打开 F12 看
Computed是最快确认方式。
