本文讲解如何在html内联样式中用单个`style`属性同时定义字体颜色和大小，避免语法错误，并提供正确写法、常见误区及最佳实践建议。
在HTML中，若想对同一元素（如 <h1>）同时设置字体颜色和字号，不能重复使用多个 style 属性（如 style="color:red" style="font-size:10px"），因为HTML标签只允许一个 style 属性存在。正确做法是：将多个CSS声明合并写入同一个 style 属性中，用英文分号 ; 分隔，且声明之间无需换行或空格（但为可读性，建议保留空格）。
✅ 正确写法如下：
<h1 style="color: red; font-size: 10px;">example</h1>
⚠️ 注意事项：
- 引号必须为英文双引号（"），你原问题中使用了中文全角引号（“”），会导致HTML解析失败；
- <h1/> 是错误闭合方式，HTML5中自闭合标签不适用于 <h1>，应写为 </h1>；
- font-size 值推荐使用相对单位（如 em、rem）或更合理的绝对值（10px 过小，标题默认较大，可能影响可读性），例如：font-size: 1.5em 或 font-size: 24px；
- 颜色值支持多种格式：英文关键字（red）、十六进制（#ff0000）、RGB（rgb(255, 0, 0)）等。
? 扩展示例（增强可读性与语义）：
立即学习“前端免费学习笔记（深入）”；
<h1 style="color: #2c3e50; font-size: 28px; font-family: 'Segoe UI', sans-serif;"> 欢迎访问我的网页 </h1>
? 小贴士：虽然内联样式适合快速调试，但长期开发中建议将样式移至 <style> 标签或外部CSS文件，以提升可维护性与结构清晰度。例如：
<style>
.highlight-title {
color: #e74c3c;
font-size: 26px;
margin-bottom: 0.5em;
}
</style>
<h1 class="highlight-title">example</h1>掌握这一基础语法，是你迈向结构化、样式分离式HTML/CSS开发的重要一步。
