答案：link标签通过rel属性定义资源关系，rel="stylesheet"用于引入主CSS文件，如；rel="alternate stylesheet"配合title定义可选主题，如黑暗模式；此外，rel="preload"可预加载关键CSS，rel="prefetch"预取未来资源，rel="icon"设置网站图标，需注意属性值必须正确书写，否则样式无效。
在HTML中，link 标签用于引入外部资源，最常见的用途是引入CSS样式表。其中，rel 属性定义了当前文档与被链接资源之间的关系。在使用 link 标签引入CSS时，rel="stylesheet" 是最关键且最常用的取值。
rel="stylesheet"：引入主样式表
当你需要将一个外部CSS文件应用到网页上时，必须设置 rel="stylesheet"。
例如：这表示当前HTML文档要加载名为 styles.css 的样式文件，并将其作为主样式表渲染页面。浏览器会下载该文件并应用其中的CSS规则。
立即学习“前端免费学习笔记（深入）”；
rel="alternate stylesheet"：可选样式表
使用 rel="alternate stylesheet" 可以定义备用样式表，用户可以在浏览器中手动切换不同主题（如高对比度、夜间模式等）。
示例：
注意：必须配合 title 属性使用，以便用户识别不同样式。默认情况下这些样式不会生效，需通过JavaScript或浏览器内置功能启用。
其他常见rel值（与CSS相关）
虽然不直接用于加载常规CSS，但以下 rel 值在现代Web开发中也常与 link 搭配使用：
-
rel="preload"：预加载资源，包括CSS文件，提升性能。
例如： - rel="prefetch"：提示浏览器在空闲时预取未来可能用到的CSS资源。
- rel="icon"：用于指定网站图标（favicon），虽然不是CSS，但常出现在head中。
注意事项
确保正确书写 rel 属性值，拼写错误会导致样式无法加载。例如，误写为 rel="style" 或 rel="css" 都不会生效。
对于普通CSS引入，始终使用 rel="stylesheet"。这是W3C标准规定的唯一合法方式。
基本上就这些。只要记住主样式用 stylesheet，备用主题加 alternate，性能优化可用 preload，就不会出错。
