link标签必须放在中且rel="stylesheet"不可省略，否则css不生效；href路径错误会导致404，推荐用根相对路径；type="text/css"冗余可删，rel="stylesheet"才是关键标识；多个link需按覆盖顺序排列，非关键css用media隔离。
link 标签必须放在 里，且 rel="stylesheet" 缺一不可——漏掉这个属性，CSS 文件会被当成普通链接下载，但完全不生效。
为什么 link 必须写在
浏览器解析 HTML 是自上而下流式进行的，link 加载的 CSS 是渲染阻塞资源。如果把它塞进 底部甚至中间，页面会先无样式渲染（FOUC），再重绘一次：文字跳变、按钮错位、媒体查询失效，移动端尤其明显。
某些框架（如 Vue SSR、Next.js）依赖服务端预渲染时样式就绪， 外放置会导致 hydration 不一致，首屏内容与客户端渲染结果对不上。
href 路径写错是 404 的主因
相对路径不是按当前 URL 算的，而是按 HTML 文件所在目录计算。比如 /blog/article.html 里写 href="css/style.css"，浏览器实际请求的是 /blog/css/style.css，而非你想要的 /css/style.css。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 开发时打开浏览器 Network 面板，点那个报 404 的 CSS 请求，看 “Initiator” 列就能定位是哪个
link发起的 - 推荐统一用根相对路径：
href="/css/style.css"（开头带/） - 绝对 URL（如
https://cdn.example.com/css/main.css）适合 CDN，但得配好 SRI 校验
rel="stylesheet" 是生效开关，type="text/css" 可删
HTML5 规范中 type="text/css" 已为默认值，显式声明纯属冗余，还多占字节；而 rel="stylesheet" 才是浏览器识别“这是要解析并应用的样式表”的唯一关键标识。
若用构建工具（Vite/Webpack），link 常由插件注入，手动补写反而可能重复或路径错位。
多个 link 的顺序直接影响样式覆盖和首屏性能
CSS 加载是串行阻塞的：浏览器按 link 出现顺序依次下载、解析、构建 CSSOM。后加载的 CSS 规则可覆盖前面同选择器的声明，但顺序错乱会导致意料外的样式丢失或重绘。
- 推荐顺序：
normalize.css→bootstrap.min.css→custom.css - 非关键 CSS（如打印样式、暗色主题）用
media属性隔离：<link rel="stylesheet" href="print.css" media="print">，它仍会下载，但不参与初始渲染 - HTTP/2 下多个小 CSS 文件影响不大，但别滥用
@import——它在 CSS 里再导入其他 CSS，会强制串行加载，拖慢渲染
最容易被忽略的其实是 rel 属性缺失和路径层级误判——这两个问题在本地开发时可能“看起来能用”，但一部署到子路径或 CDN 就立刻暴露，而且调试时 Network 面板里看不到任何 CSS 解析错误，只看到空白或错乱布局。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
