如何在HTML同一行中同时设置字体大小与颜色

本文讲解如何使用内联样式(inline css)在html标签中同时设置字体颜色和大小,通过分号分隔多个css属性,实现简洁高效的样式控制。

在HTML中,若想对同一段文本同时调整字体颜色和大小,不能重复使用多个 style 属性(如

),因为HTML标签只允许一个 style 属性。正确做法是:将多个CSS声明写在同一个 style 属性值中,并用英文分号(;)分隔

例如,要让

标题显示为红色、字号为10像素,应这样书写:

example

✅ 关键要点:

  • 所有CSS声明必须写在一对双引号内的 style 属性中;
  • 每条声明格式为 属性: 值(如 color: red);
  • 多条声明之间必须用英文分号 ; 分隔(末尾的分号可省略,但建议保留以增强可读性与兼容性);
  • 属性名和值之间用英文冒号 :,冒号后建议加一个空格(非强制,但提升可维护性);
  • 注意使用半角符号(如 ", ;, :),避免中文标点(如你原代码中的“”和;)导致语法错误。

⚠️ 常见错误示例(均无效):


example

example

? 小贴士:
虽然内联样式适合快速调试或单次修改,但实际项目中推荐将样式抽离至


example

掌握这一基础语法,是你迈向结构化、可扩展HTML/CSS开发的重要一步。