本文介绍html中使用内联样式（inline css）在同一标签内同时修改字体颜色与大小的正确语法，帮助初学者避免常见错误，如重复使用style属性或分号位置不当。

在HTML中，若想对同一段文本同时设置字体颜色和字号，不能多次声明 style 属性（如

），因为HTML标签只允许一个 style 属性。正确的做法是：将多个CSS声明写在同一个 style 属性值中，并用英文分号 ; 分隔，且每条声明以冒号 : 连接属性与值，末尾可加或不加分号（推荐统一添加，提升可读性与兼容性）。

✅ 正确写法示例：

<h1 style="color: red; font-size: 10px;">example</h1>

⚠️ 注意事项：

html-to-pptx-converter

使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。

下载

• 使用英文双引号包裹整个 style 值（HTML标准要求），且内部属性名与值之间不加空格不影响解析，但建议保留空格提升可读性（如 "color: red; font-size: 16px;"）；
• 颜色值支持多种格式：英文名称（red）、十六进制（#ff0000）、RGB（rgb(255, 0, 0)）等；
• 字号单位推荐使用相对单位（如 em、rem）或 px；注意

  默认字号较大（通常约 2em），设为 10px 可能导致文字过小，实际开发中建议结合语义与可访问性合理选择（例如 1.25rem 更具弹性）；

• 标签闭合需规范：

  应用

  闭合，而非
  （HTML中
  是无效写法，仅XML/XHTML支持自闭合，且标题元素不可自闭合）。

? 小技巧：随着样式增多，建议逐步过渡到内部样式表（

立即学习“前端免费学习笔记（深入）”；

<style>
  .highlight {
    color: #d32f2f;
    font-size: 1.1rem;
    font-weight: bold;
  }
</style>
<h1 class="highlight">example</h1>

掌握单个 style 属性内多声明的语法，是迈向更专业HTML/CSS实践的重要一步。