可通过内联style、内部CSS、CSS类名、根字体尺寸调整及行高字重组合五种方式调整HTML标题大小，分别适用于单个控制、统一设置、灵活复用、全局缩放和视觉增强场景。
如果您希望在HTML中调整标题文字的大小，可以通过内联样式、内部CSS或外部CSS来修改标题标签（如<h1>至<h6>）的font-size属性。以下是几种直接有效的实现方式：
一、使用内联style属性设置标题字体大小
此方法适用于单个标题的快速样式调整，无需额外CSS文件或<style>块，直接在标题标签中添加style属性即可生效。
1、在<h1>标签中加入style="font-size: 36px;"，例如：<h1 style="font-size: 36px;">这是放大的标题</h1>。
2、可使用相对单位如em或rem，例如：<h2 style="font-size: 2.5em;">副标题</h2>，其中1em等于父元素字体大小。
立即学习“前端免费学习笔记（深入）”；
3、支持百分比写法，例如：<h3 style="font-size: 200%;">三级标题</h3>，表示为默认字体大小的两倍。
二、通过<style>标签定义内部CSS规则
该方式适用于同一页面内多个标题需统一放大，将样式集中声明在<head>内的<style>中，提高可维护性并避免重复书写style属性。
1、在HTML文档<head>部分添加<style>标签。
2、在<style>内写入选择器与font-size声明，例如：h1 { font-size: 42px; }。
3、可同时设置多个标题层级，例如：h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 28px; }。
4、添加!important可强制覆盖其他样式冲突，例如：h1 { font-size: 48px !important; }。
三、使用CSS类名进行灵活控制
通过自定义class赋予标题可复用的放大样式，便于在不同标题或段落中按需调用，且不影响浏览器默认标题层级语义。
1、在<style>中定义类，例如：.large-title { font-size: 40px; font-weight: bold; }。
2、在HTML标题标签中添加class属性，例如：<h1 class="large-title">主标题</h1>。
3、可为不同尺寸需求定义多个类，例如：.xl { font-size: 56px; } .lg { font-size: 44px; } .md { font-size: 32px; }。
4、支持响应式写法，在@media查询中为小屏幕降低字号，例如：@media (max-width: 768px) { .large-title { font-size: 28px; } }。
四、利用CSS继承与根字体尺寸调整整体比例
通过修改<html>或<body>的font-size，可间接放大所有使用相对单位（如rem、em）的标题，适合需要全局缩放的场景。
1、在<style>中设置html { font-size: 20px; }，此时1rem = 20px。
2、将标题font-size设为rem单位，例如：h1 { font-size: 2.8rem; } → 实际渲染为56px。
3、配合CSS变量可动态切换，例如：:root { --title-scale: 1.4; } h1 { font-size: calc(2rem * var(--title-scale)); }。
4、注意避免设置过大的根字号导致正文文字失衡，建议根字号保持在16px–20px区间。
五、借助行高与字重增强视觉放大效果
单纯增大font-size可能不足以提升标题的视觉冲击力，结合line-height和font-weight能进一步强化“放大感”，尤其适用于展示型页面。
1、为标题添加line-height值大于1，例如：h1 { font-size: 42px; line-height: 1.4; }，使文字行距更舒展。
2、使用font-weight: 700或bolder加粗文字，例如：h2 { font-size: 34px; font-weight: 700; }。
3、组合使用text-transform: uppercase可提升标题紧凑度与辨识度，例如：h3 { font-size: 26px; text-transform: uppercase; letter-spacing: 1px; }。
4、避免line-height小于1，否则可能导致文字上下截断，line-height最小建议设为1.1。
