link标签需写href="css/style.css"（相对HTML路径）、rel="stylesheet"（不可省略）、放<head>内靠前位置，避免@import；路径用正斜杠/，构建工具下注意public与src资源引用规则。
link 标签怎么写才不 404
路径写错是 link 失效最常见原因，浏览器控制台报 Failed to load resource: net::ERR_ABORTED 基本就是它。
- 用相对路径时，
href的起点是 HTML 文件所在目录，不是 CSS 文件位置 —— 比如css/style.css在子目录，HTML 在根目录，就得写href="css/style.css"，不能写href="style.css" - 路径里别混用反斜杠
\，Windows 下编辑器可能自动补全，但浏览器只认正斜杠/ - 如果用了构建工具（Vite、Webpack），静态资源路径受输出配置影响，
public/下的文件走根路径，src/下的要靠打包后路径引用，别直接抄开发时的路径
rel="stylesheet" 能不能省略
不能。省掉 rel="stylesheet"，浏览器根本不当它是样式表，link 标签会加载资源但完全忽略解析。
-
rel是语义关键，不是可选装饰 ——rel="preload"或rel="icon"都是不同用途，只有stylesheet触发 CSS 解析和渲染阻塞 - 有些旧教程写
rel="style"或漏掉引号，都会失效；必须严格写成rel="stylesheet" - 不要为了“简洁”删它，HTML 不是 JS，没所谓“默认值”
放在 head 还是 body 里
必须放 <head>，且尽量靠前。放 <body> 开头或中间，会导致 FOUC（Flash of Unstyled Content）—— 页面先闪一下无样式的 HTML，再突然变样。
- 浏览器解析 HTML 是流式进行的，遇到
link就暂停渲染，去下载并解析 CSS；放得晚，前面 DOM 已经开始渲染了 - 即使加了
media="print"或disabled，也建议仍放<head>，避免解析顺序混乱 - 动态插入
link（比如用 JS 创建）可以绕过这个限制，但那是另一套逻辑，不是常规嵌入方式
@import 和 link 哪个更危险
@import 更容易拖慢页面，尤其在 CSS 文件里嵌套用，性能风险明确。
立即学习“前端免费学习笔记（深入）”；
-
@import在 CSS 中使用，比如@import url("base.css");，它会让浏览器串行加载：先下主 CSS，再下被 import 的，无法并行 - 而多个
link标签浏览器能并发请求，更快 -
@import还有兼容问题：IE6–8 对@import的位置敏感（必须在所有规则前），稍一错位就整个文件失效
rel 属性、放置位置、引入方式——这四个点任何一个松动，样式就可能不生效。最容易被忽略的是路径基准和 rel 的强制性，而不是语法多难。 
