外部CSS必须通过<link rel="stylesheet">引入并置于<head>中，路径需正确（相对或根相对），且避免缓存干扰；否则样式不生效。
link 标签是否写在 head 中且路径正确
外部 CSS 必须通过 <link> 标签引入，且必须放在 <head> 内，否则浏览器可能未加载就解析了 HTML，导致样式不生效。路径错误是最常见原因——相对路径是相对于当前 HTML 文件的位置，不是 CSS 文件位置。
- 检查
href值是否拼写正确，比如style.css写成stlye.css - 确认文件实际存在：在浏览器开发者工具的 Network 标签页中刷新页面，查找该 CSS 文件，看状态码是不是
404 - 路径不要用绝对路径如
C:\project\style.css，应使用相对路径（./css/style.css）或根相对路径（/css/style.css） - 如果用了根相对路径
/css/style.css，确保服务器根目录下真有css/子目录
link 标签是否包含必要属性
<link> 不是光有 href 就够的，缺了关键属性会导致浏览器忽略它。
- 必须有
rel="stylesheet"，否则浏览器不认为这是样式表，例如：<link rel="stylesheet" href="style.css"> - 推荐加上
type="text/css"（虽然现代浏览器可省略，但某些旧环境或严格模式下会报 warning） - 避免误写成
rel="style"或rel="css"—— 这些值无效
CSS 选择器是否被覆盖或未匹配元素
即使 <link> 加载成功，样式也可能“看不见”，本质是规则没生效。
- 打开开发者工具的 Elements 面板，选中目标元素，右侧 Styles 面板查看该元素最终计算出的样式，确认你的 CSS 规则是否出现在列表中、是否被划掉（表示被更高优先级规则覆盖）
- 检查选择器是否写错：比如
.header对应的是<div class="header">，而不是<header>；又或者 ID 选择器写成#nav，但 HTML 是id="navbar" - 注意 CSS 加载顺序：后引入的样式表中相同优先级的规则会覆盖前面的，别让 reset.css 或框架 CSS 意外干掉了你自己的规则
缓存导致修改不生效或 404 误判
浏览器常缓存 CSS 文件，尤其当服务器返回了强缓存头（如 Cache-Control: max-age=31536000），改了文件内容也看不到效果。
立即学习“前端免费学习笔记（深入）”；
- 刷新时按
Ctrl+F5（Windows/Linux）或Cmd+Shift+R（macOS）强制重新请求所有资源 - 在开发者工具的 Network 面板勾选
Disable cache，再刷新 - 如果刚删了 CSS 文件但控制台仍显示 200，很可能是缓存返回了旧版本；可临时在
href后加查询参数破缓存，例如：style.css?v=1.0.1
<link rel="stylesheet" href="style.css?v=1.0.1">
路径大小写、斜杠方向、引号闭合、rel 值拼写——这些地方看着小，但任一出错都会让整张样式表静默失效。调试时先盯死 Network 面板里那个 CSS 请求的状态码和响应内容，比反复改选择器更高效。
