
本文介绍html中使用内联样式(inline css)在同一标签内同时修改字体颜色与大小的正确语法,帮助初学者避免常见错误,如重复使用style属性或分号位置不当。
在html中,若想对同一段文本同时设置字体颜色和字号,不能多次声明 style 属性(如
),因为HTML标签只允许一个 style 属性。正确的做法是:将多个css声明写在同一个 style 属性值中,并用英文分号 ; 分隔,且每条声明以冒号 : 连接属性与值,末尾可加或不加分号(推荐统一添加,提升可读性与兼容性)。
✅ 正确写法示例:
example
⚠️ 注意事项:
- 使用英文双引号包裹整个 style 值(HTML标准要求),且内部属性名与值之间不加空格不影响解析,但建议保留空格提升可读性(如 “color: red; font-size: 16px;”);
- 颜色值支持多种格式:英文名称(red)、十六进制(#ff0000)、RGB(rgb(255, 0, 0))等;
- 字号单位推荐使用相对单位(如 em、rem)或 px;注意
默认字号较大(通常约 2em),设为 10px 可能导致文字过小,实际开发中建议结合语义与可访问性合理选择(例如 1.25rem 更具弹性);
- 标签闭合需规范:
应用
闭合,而非
(HTML中
? 小技巧:随着样式增多,建议逐步过渡到内部样式表(
立即学习“前端免费学习笔记(深入)”;
example
掌握单个 style 属性内多声明的语法,是迈向更专业HTML/CSS实践的重要一步。