必须放在中且rel="stylesheet"不可省略，否则样式静默失效；浏览器流式解析导致中link引发fouc，ie6–8直接忽略，路径错误或rel拼写错误均不报错但cssom不构建。
<link> 必须放在 里，且 rel="stylesheet" 缺一不可——漏掉任一条件，样式就静默失效，页面不会报错，但也不会渲染任何 CSS 规则。
为什么 <link rel="stylesheet"> 一定要写在
浏览器是自上而下流式解析 HTML 的。CSS 是渲染阻塞资源，<link> 放在 才能确保在 DOM 渲染前加载并构建 CSSOM；如果误塞进 ，会出现 FOUC（无样式内容闪现），尤其在弱网或移动端更明显：文字跳变、按钮错位、媒体查询不触发。
- IE6–8 会直接忽略
中的<link>，整页无样式 - SSR 或静态生成场景下，
外放置会导致服务端预渲染与客户端 hydration 不一致 - 别信“放底部能提升首屏速度”——那是 JS 的逻辑，对 CSS 无效，反而破坏渲染稳定性
href 路径写错的三种典型表现和自查方法
路径错误不会抛 JS 异常，但控制台 Network 面板里会明确显示 404，或者干脆没请求（因 rel 缺失）。关键点：路径始终以当前 HTML 文件所在目录为基准，不是编辑器打开位置，也不是 CSS 文件所在位置。
- 相对路径示例：
href="css/style.css"表示 HTML 同级目录下的css/子目录 - 根相对路径（推荐）：
href="/css/style.css"，开头的/表示从网站根目录算起，与 HTML 位置无关 - 绝对 URL：
href="https://cdn.example.com/main.css"，注意 HTTPS 页面不能引 HTTP 资源，否则触发混合内容警告 - 用 Network 面板筛选
css类型，点开失败请求看Initiator列，能直接定位是哪个 HTML 文件发起的
rel="stylesheet" 漏写或拼错的后果比路径错更隐蔽
这是最常被忽略的硬性开关。没有它，浏览器根本不当这是样式资源——哪怕 href 完全正确，文件也成功返回 200，但 CSSOM 不构建，Elements 面板里看不到任何规则，页面纯白或裸奔。
- ❌ 错误写法：
<link href="style.css">（缺rel）、<link rel="style">（拼错）、<link rel="stylesheet">（无引号，部分解析器失败） - ✅ 正确写法：
<link rel="stylesheet" href="style.css">（全小写、双引号包裹、无多余空格） -
type="text/css"在 HTML5 中已冗余，可删；加了不报错，但多占字节，还可能干扰某些构建工具的资源识别
真正容易被卡住的地方，往往不是语法记不住，而是 rel="stylesheet" 少打一个引号、href 多写一个点、<link> 被 CMS 模板锁死塞进 ——它们都不报错，只静默失效。调试时先盯死 Network 面板有没有那个请求，再看响应状态和 Content-Type: text/css 是否存在。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
