本文介绍html中使用内联样式（inline css）在同一标签内同时修改字体颜色与大小的正确语法，帮助初学者避免常见错误，如重复使用style属性或分号位置不当。
在HTML中，若想对同一段文本同时设置字体颜色和字号，不能多次声明 style 属性（如 <h1 style="color:red" style="font-size:10px">），因为HTML标签只允许一个 style 属性。正确的做法是：将多个CSS声明写在同一个 style 属性值中，并用英文分号 ; 分隔，且每条声明以冒号 : 连接属性与值，末尾可加或不加分号（推荐统一添加，提升可读性与兼容性）。
✅ 正确写法示例：
<h1 style="color: red; font-size: 10px;">example</h1>
⚠️ 注意事项：
- 使用英文双引号包裹整个 style 值（HTML标准要求），且内部属性名与值之间不加空格不影响解析，但建议保留空格提升可读性（如 "color: red; font-size: 16px;"）；
- 颜色值支持多种格式：英文名称（red）、十六进制（#ff0000）、RGB（rgb(255, 0, 0)）等；
- 字号单位推荐使用相对单位（如 em、rem）或 px；注意 <h1> 默认字号较大（通常约 2em），设为 10px 可能导致文字过小，实际开发中建议结合语义与可访问性合理选择（例如 1.25rem 更具弹性）；
- 标签闭合需规范：<h1> 应用 </h1> 闭合，而非 <h1/>（HTML中 <h1/> 是无效写法，仅XML/XHTML支持自闭合，且标题元素不可自闭合）。
? 小技巧：随着样式增多，建议逐步过渡到内部样式表（<style>）或外部CSS文件，保持结构与样式的分离，提升代码可维护性。例如：
视野自助系统小型企业版2.0 Build 20050310
下载
自定义设置的程度更高可以满足大部分中小型企业的建站需求，同时修正了上一版中发现的BUG，优化了核心的代码占用的服务器资源更少，执行速度比上一版更快 主要的特色功能如下： 1）特色的菜单设置功能，菜单设置分为顶部菜单和底部菜单，每一项都可以进行更名、选择是否隐 藏，排序等。 2）增加企业基本信息设置功能，输入的企业信息可以在网页底部的醒目位置看到。 3）增加了在线编辑功能，输入产品信息，企业介绍等栏
立即学习“前端免费学习笔记（深入）”；
<style>
.highlight {
color: #d32f2f;
font-size: 1.1rem;
font-weight: bold;
}
</style>
<h1 class="highlight">example</h1>掌握单个 style 属性内多声明的语法，是迈向更专业HTML/CSS实践的重要一步。
