外部CSS不生效几乎总是因位置错误、rel="stylesheet"拼写错误或href路径基准计算错误；需确保其位于内、rel值严格匹配、href指向可访问文件，且路径以HTML文件URL为基准。
外部 CSS 不生效，几乎总是因为 <link> 没放对位置、rel="stylesheet" 写错，或者 href 路径算错了基准——表格本身不需要特殊写法，它只是普通 HTML 元素，样式靠外部 CSS 文件统一控制。
为什么表格样式不加载？先查这三处
浏览器根本不会“识别”一个 <link> 标签为样式表，除非它同时满足：在 里、rel="stylesheet" 完全正确、href 指向可访问的 CSS 文件。缺一不可。
-
rel属性漏写、拼成rel="style"或rel="StyleSheet"（大小写敏感），Network 面板里压根看不到请求，Elements 里 Styles 栏为空，控制台也不报错 -
<link>放在里，会导致 FOUC（内容先裸奔再闪一下）、IE 直接忽略、SSR hydration 失败 -
href="css/table.css"在/blog/post.html中，实际请求的是/blog/css/table.css，不是你本地项目里的./css/table.css
路径怎么写才不 404？以 HTML 文件为绝对基准
href 的计算起点永远是当前 HTML 文件的 URL，不是编辑器打开的位置，也不是服务器根目录。开发时最稳的方式是用根相对路径。
- 同目录：
href="table.css"（别写./table.css，.多余且易出错） - 子目录：
href="css/table.css"（不是./css/table.css） - 上级目录：
href="../reset.css"（但嵌套超过两级如../../，移动文件后极易失效） - 推荐根相对路径：
href="/assets/css/table.css"（开头/表示网站根目录，最不容易随文件移动出错） - 本地双击
file://协议打开时，相对路径可能被拦截，务必用live-server或vite preview测试
多个 CSS 文件怎么叠加？顺序决定覆盖优先级
浏览器按 <link> 在 HTML 中出现的顺序依次加载和解析 CSS，后加载的同权重规则会覆盖前面的。这对表格样式很实用。
- 基础重置：
<link rel="stylesheet" href="/css/reset.css"> - 通用组件：
<link rel="stylesheet" href="/css/components.css">（含table、th、td默认样式） - 页面专属：
<link rel="stylesheet" href="/css/blog-tables.css">（覆盖特定表格的边框、间距等） - 千万别在 CSS 里用
@import引其他 CSS——它串行、阻塞、多一次网络往返，性能比<link>差得多
真正容易被忽略的，是 rel 的严格性和 href 的基准逻辑：它们不报错、不警告，只安静跳过。等你花半小时检查选择器写法、清缓存、换浏览器……才发现 rel 少了个字母，或者 href 多了个点。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
