HTML设置文字颜色的实用方法

本文深入讲解了现代Web开发中HTML文字颜色设置的核心技巧与最佳实践，强调CSS的color属性是唯一可靠手段，彻底摒弃HTML5已废弃的font标签；内容涵盖内联样式与外部CSS类名的合理选用、选择器优先级与继承机制的避坑指南、深色模式下的响应式适配方案（如prefers-color-scheme与CSS自定义属性），以及调试颜色不生效的实用排查步骤，同时提醒开发者将文字颜色置于可访问性、对比度和整体设计系统中综合考量，助力写出健壮、语义清晰且用户友好的前端代码。

用 color CSS 属性直接控制文字颜色

HTML 本身没有“设置字体颜色”的独立标签，所有颜色控制都靠 CSS 的 color 属性。写在 style 里最直白，也最容易调试。

常见错误是混用过时的 —— 这个标签在 HTML5 中已被废弃，现代浏览器虽可能渲染，但会报警告，且无法响应式、无法继承、无法用伪类控制。