link 标签必须放在 head 中，否则可能导致样式延迟加载、FOUC 或旧版 IE 忽略；rel="stylesheet" 不可缺失或拼错；href 路径应基于 HTML 文件位置，优先用绝对路径；CSS 加载顺序决定覆盖关系；文件编码须为 UTF-8 无 BOM。
link 标签必须写在 head 里，不是 body 里
浏览器解析 html 是从上到下顺序执行的，link 如果放在 中，样式可能延迟应用，甚至触发 fouc（flash of unstyled content）。更关键的是，部分旧版 ie（如 ie6–8）会直接忽略 body 里的 link，导致样式完全不加载。
实操建议：
- 始终把
<link rel="stylesheet" href="style.css">放在内，紧贴<title></title>后或其它 meta 标签之后 - 不要用
@import在 CSS 文件里导入另一个 CSS——它会阻塞渲染且无法并行下载 - 如果要用 JS 动态加样式，优先用
document.createElement('link')+appendChild到document.head，而不是body
href 路径写错是 404 的最常见原因
外部样式表加载失败时，开发者工具 Network 面板里 style.css 显示 404，90% 是路径问题。相对路径依赖当前 HTML 文件位置，不是 CSS 文件位置，这点常被误判。
实操建议：
- 用开发者工具 Network 面板点开那个 404 的请求，看「Initiator」列，确认是哪个 HTML 文件发起了这个请求
-
href="css/style.css"表示从 HTML 所在目录出发，进css/文件夹找；不是从当前 CSS 文件位置算起 - 不确定路径时，优先用绝对路径：以
/开头，比如href="/assets/css/main.css"，表示从网站根目录开始 - 避免用
../嵌套太多层，容易在移动文件后失效
rel="stylesheet" 缺失或拼错会导致样式彻底不生效
漏写 rel="stylesheet"，或者写成 rel="style"、rel="css"，浏览器就不认为这是样式表，href 会被忽略，Network 里可能都看不到请求。
立即学习“前端免费学习笔记（深入）”；
实操建议：
- 检查
link标签是否完整包含rel="stylesheet"和href，二者缺一不可 - 不要加多余属性干扰，比如
type="text/css"已过时，现代浏览器不需要，写了也没错但没必要 - 注意引号闭合：
href=style.css（没引号）在某些解析器下会出错，务必用href="style.css"
CSS 加载顺序影响样式覆盖结果
多个 link 标签的书写顺序 = 样式优先级顺序。后加载的 CSS 里的同名规则会覆盖前面的，但前提是选择器权重相同。很多人调了半天发现改了没反应，其实是被后面某个 link 覆盖掉了。
实操建议：
- 按依赖关系排列：基础重置（reset）→ 通用组件 → 页面专属样式 → 覆盖补丁（override）
- 不要在页面底部插入新的
link来“临时覆盖”，这会让维护变得不可控 - 用浏览器开发者工具 Elements 面板选中元素，右侧 Styles 面板里看某条样式来自哪个文件、是否被划掉（即被覆盖），快速定位冲突来源
最容易被忽略的一点：CSS 文件本身编码要是 UTF-8 无 BOM，否则中文注释或某些字符可能导致整个文件解析失败，而浏览器通常不会报错，只静默跳过。用编辑器确认保存格式，别让一个隐藏的 BOM 搞得你查半小时路径问题。
