应使用css的color属性改字体颜色：内联样式优先级最高，class更利于批量管理，链接需按lvha顺序设置伪类，注意路径、缓存、继承及兼容性问题。
别用 <font></font> 标签——它在 HTML5 中已被废弃，现代浏览器可能忽略，或未来某天彻底失效。改字体颜色只有一条正路：用 CSS 的 color 属性。
内联样式改单个元素颜色最直白
适合调试、临时改一处，写在元素的 style 属性里就行：
-
color值别加引号：style="color: red"✅，style="color: 'red'"❌ - 十六进制必须合法：
#ff0000✅，#f000或#GGG❌（后者根本不是颜色） -
color只影响文本内容，不影响边框、背景或 SVG 图形 - 内联样式优先级最高，会盖掉 class 或外部 CSS；改完没反应？先检查有没有其他
style写在同个标签上
用 class 控制多处文字颜色更可控
避免重复写 style，也方便批量调整：
- HTML 里加类名：
<p class="error">出错了</p> - CSS 里定义：
.error { color: #d32f2f; } - 注意优先级：类选择器
.error比标签选择器p强，但比内联style弱 - 别滥用
!important：比如.error { color: #d32f2f !important; }看似能压倒一切，但后续谁想覆盖它就得再加!important，恶性循环 - 如果用了 Bootstrap 或 Tailwind 这类框架，它的
a、p默认色可能已设好，你的.error要生效，得确保选择器足够明确（比如p.error）
链接文字颜色要用伪类分状态写
只写 a { color: blue; } 不够——用户点过、悬停、点击瞬间的颜色都不同：
- 未访问：
a:link { color: #1a5fb4; } - 已访问：
a:visited { color: #6a1b9a; } - 鼠标悬停：
a:hover { color: #0d47a1; } - 点击时：
a:active { color: #000; } - 顺序不能乱：LVHA（
link→visited→hover→active），否则:hover可能被:visited盖掉 - 别漏掉
:visited的限制：出于隐私考虑，浏览器只允许它设有限的 CSS 属性（color、background-color等），不能读取真实访问状态
外部 CSS 文件路径和缓存最容易翻车
代码明明写了，页面却没变色，八成是这两处卡住了：
- 路径写错：
<link rel="stylesheet" href="css/theme.css">但文件实际在assets/css/theme.css，控制台会报net::ERR_ABORTED - 路径区分大小写：
Theme.css和theme.css在 Linux 服务器上是两个文件 - 修改了 CSS 文件但页面没变色？先清浏览器缓存，或强制刷新（Ctrl+Shift+R），别急着重写样式
- RGBA 透明色在 IE 中不支持，如果要兼容旧环境，得 fallback：
color: #333; color: rgba(51, 51, 51, 0.8)
真正容易被忽略的是继承：父元素设了 color，子元素没显式设置，就会继承——改了一个 body 的颜色，整页文字全跟着变，还找不到源头。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
