用 font-size 一行 CSS 即可调整文字大小:内联 style 适合单字或标题调试,如 欢迎;px 最直观,注意写法是 font-size(非 fontsize);批量修改用 内部样式表;优先级冲突时用 F12 查 Computed 值确认生效规则。

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










