rel="stylesheet"是浏览器加载CSS的强制性指令，仅此值能触发下载、解析与应用；其他如rel="preload"仅预加载不生效，rel="style"或rel="CSS"因非标准关键词被忽略。
rel="stylesheet" 是浏览器加载 CSS 的开关
它不是语义装饰，而是强制性指令：只有 rel="stylesheet" 才会让浏览器在 HTML 解析阶段主动下载、解析并应用对应 href 指向的 CSS 文件。其他值如 rel="preload" 或 rel="prefetch" 不会触发样式应用，哪怕路径完全正确，页面也一定无样式渲染。
为什么不能用 rel="style" 或 rel="css"
这不是拼写自由题，是浏览器硬编码识别的关键词。W3C 标准明确规定，仅 rel="stylesheet"（全小写、无空格、无连字符）被所有现代浏览器视为样式表加载信号。试过 rel="style"？浏览器直接忽略该 <link>；写成 rel="CSS"？大小写敏感，同样失效。
常见错误场景与排查点
遇到页面白屏或样式不生效，优先检查以下几处：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
-
<link rel="stylesheet" href="style.css">是否漏写了rel属性（常见于复制粘贴时删多了） -
href路径是否 404（打开浏览器开发者工具 Network 面板，筛选css，看该请求状态码是否为 200） - 是否误用了
rel="preload" as="style"—— 它只预加载，不解析不应用，必须额外用 JS 注入<link rel="stylesheet">才能生效 - 是否在
内写了<link rel="stylesheet">—— 虽然 HTML5 允许，但部分旧版 Safari 可能延迟加载，建议始终放在中
type 属性现在基本可以省略
过去常写 <link rel="stylesheet" type="text/css" href="a.css">，但自 HTML5 起，type="text/css" 已是默认行为。显式声明不仅冗余，还可能因拼错（比如写成 type="css"）导致某些严格模式解析器跳过该链接。除非你对接的是极老的 CMS 模板系统，否则直接删掉 type 更稳妥。
立即学习“前端免费学习笔记（深入）”；
真正容易被忽略的，是 rel="stylesheet" 和资源加载时机的强绑定关系——它不是“建议浏览器加载”，而是“要求浏览器在此刻阻塞渲染并加载”。一旦写错，就没有 fallback；没有警告，只有空白或错乱布局。
