CSS中<link>标签的rel="stylesheet"到底是什么意思？
在网页开发中，你一定写过这样的代码：
看似简单的`rel="stylesheet"`，其实是HTML与CSS之间的“关键约定”——它直接决定了浏览器如何处理你链接的CSS文件。要理它的意思，我们需要拆分成两个核心部分来看：
1. rel属性：定义“文档关系”
rel是“Relationship”关系的缩写，它的唯一作用是告诉浏览器：当前HTML文档和链接的外部文件之间，是什么关系？
比如：
- `rel="icon"`表示链接的是网站图标favicon；
- `rel="preload"`表示要预加载某个资源；
- 而`rel="stylesheet"`，则是专门给“样式表”准备的关系类型。
2. stylesheet：明确“样式表身份”
stylesheet是“样式表”的英文，当它和rel结合时，整段代码的含义就变得清晰——
<link rel="stylesheet" href="style.css"> = 告诉浏览器：这个叫style.css的文件，是当前HTML页面的“样式表”，请立刻加载它，并把里面的样式规则应用到页面上！
没有它会怎样？
如果漏掉`rel="stylesheet"`，只写：
浏览器会彻底“迷茫”：这个style.css是图标？是脚本？还是其他资源？它不会把这个文件当作样式表处理——你的页面会瞬间回到“样式状态”：标题还是默认的大号加粗，段落还是默认的宋体，布局还是混乱的流排列。
它是CSS生效的“开关”
本质上，`rel="stylesheet"`是CSS能作用于HTML的“许可证明”。浏览器只有看到这个属性，才会触发“加载CSS→析CSS→应用样式到HTML元素”的整流程。
比如你在style.css里写了：
body { background: #f0f0f0; }
如果`rel="stylesheet"`存在，浏览器会把页面背景变成浅灰色；如果没有，这段代码就像“不存在”一样，页面背景还是默认的白色。
简言之，`rel="stylesheet"`就是HTML对CSS说的一句“暗号”：“我需要你帮我打扮页面，快来吧！” 没有这句暗号，CSS再漂亮，也法和HTML“牵手”。