<link>标签必须置于<head>中，否则会导致FOUC、IE兼容问题及hydration mismatch；href路径需以HTML文件为基准且注意大小写；rel属性必须严格写作"stylesheet"；多CSS文件按link顺序覆盖。
<link> 标签本身不区分“表格样式”或“其他样式”，它只是加载整个 CSS 文件；表格样式生效与否，只取决于 CSS 文件里是否写了针对 table、th、td 等选择器的规则，以及 <link> 是否正确加载了该文件。
link 标签必须放在 <head> 里，否则表格样式可能不渲染
浏览器解析 HTML 是从上到下流式进行的。如果把 <link rel="stylesheet" href="table-theme.css"> 放在 <body> 里（比如紧挨着 <table>），会出现几种后果：
- 已开始渲染的表格 DOM 会先以无样式状态显示，等 CSS 加载完再重绘——这就是 FOUC（Flash of Unstyled Content），用户能看到“裸表一闪而过”
- IE6–8 直接忽略
<link>，整张表完全无样式 - SSR 或 Next.js 类框架中，首屏 HTML 和客户端 hydration 不一致，控制台报 hydration mismatch 错误
- 即使样式最终生效，也失去了“阻塞渲染”的保障——浏览器本应等关键 CSS 加载完才画第一帧，放错位置就绕过了这个机制
href 路径写错，表格样式根本不会请求
Network 面板里看不到 table-theme.css 的请求记录？90% 是路径问题。关键点：路径始终以当前 HTML 文件所在目录为基准，不是编辑器打开位置，也不是 CSS 文件自己在哪。
- 同目录：
href="table-theme.css"（不要写成./table-theme.css，./多余且易出错） - 子目录：
href="css/table-theme.css"（不是./css/table-theme.css） - 根相对路径（推荐）：
href="/assets/css/table-theme.css"（开头/表示网站根目录，移动 HTML 文件也不用改） - Linux 服务器注意大小写：
Table-theme.css≠table-theme.css
rel="stylesheet" 拼错或缺引号，浏览器静默跳过
没有网络请求、没报错、控制台也没提示？很可能是 rel 属性出了问题。浏览器对这个值极其严格：
立即学习“前端免费学习笔记（深入）”；
- 必须是
rel="stylesheet"，少一个字母都不行 -
rel="style"、rel="css"、rel= stylesheet（缺引号）、rel="stylesheet "（末尾空格）——全部无效 - 一旦出错，浏览器连 HTTP 请求都不会发，Network 面板里压根找不到这条记录
-
type="text/css"在 HTML5 中已冗余，可删，不删也不影响
多个 link 标签顺序决定表格样式的覆盖逻辑
如果你同时引入 reset.css、base.css 和 table-theme.css，它们的加载顺序直接影响最终表格表现：
- CSS 规则按
<link>在 HTML 中出现的顺序依次加载 - 同权重选择器（如都用
table { border: 1px solid #ccc; }），后加载的会覆盖前面的 - 想让表格主题优先级最高，就把它放在最后：
<link rel="stylesheet" href="reset.css"><link rel="stylesheet" href="base.css"><link rel="stylesheet" href="table-theme.css"> - 别在
table-theme.css里用@import引其他 CSS——它串行加载、额外一次网络请求、阻塞渲染，比直接多写几个<link>还慢
真正容易被忽略的，是 rel 的拼写和 href 的基准路径：它们不报错、不警告，只安静失效。等你反复检查 table { width: 100%; } 写得对不对、清缓存、换浏览器……才发现 rel 少了个 t，或者路径里多了一个点。
