外部css需正确加载才能作用于表格，关键在link标签的位置、路径和rel属性：必须置于内且紧贴和后，否则会导致fouc或样式失效。
link 标签本身没配对、没放对位置、或路径错了。
link 标签必须放在
浏览器渲染 HTML 是自上而下进行的。如果 <link rel="stylesheet" href="table.css"> 写在 里，甚至放在 <table> 后面，那浏览器很可能先画出没样式的表格（白底黑字、边框塌陷、间距乱），等 CSS 加载完再重绘——这就是 FOUC（Flash of Unstyled Content）。更糟的是，某些旧浏览器或严格模式下直接忽略 body 里的 <code>link。
- ✅ 正确位置：必须在
开始后、前，且最好紧贴<meta charset>和<title></title>后面 - ❌ 常见错位：
<link ...> <table>...</table>—— 这个link会被当作无效资源处理 - ⚠️ 动态插入也不行：
document.body.appendChild(linkEl)依然无法保证样式在首次绘制前就绪
href 路径写错，表格样式根本不会加载
控制台报 Failed to load resource: the server responded with a status of 404 ()？90% 是 href 指向了一个不存在的文件。路径不是从 CSS 文件算起，也不是从服务器根目录，而是从当前 HTML 文件所在位置开始算相对路径。
- HTML 在
/index.html，CSS 在/css/table.css→href="css/table.css"（不加开头斜杠） - HTML 在
/pages/list.html，CSS 在/css/table.css→href="../css/table.css"（退一级再进 css） - HTML 在
/admin/dashboard.html，CSS 在/assets/styles/table.css→href="../../assets/styles/table.css" - 不确定时，打开浏览器「网络」面板，看那个 CSS 请求的实际 URL 是什么，比猜更快
rel="stylesheet" 缺失或拼错，浏览器根本不当它是 CSS
rel 属性不是可选装饰，它是浏览器识别资源类型的开关。漏掉、写成 rel="style" 或 rel="css"，结果就是：请求发出去了，文件也下载了，但浏览器压根不解析它里面的规则——你的 table { border-collapse: collapse; } 就像没写过一样。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- ✅ 必须写全：
rel="stylesheet"，一个字母都不能错 - ❌
type="text/css"可以省略，HTML5 默认就是 CSS；但rel绝对不能省 - ⚠️ 注意大小写：
rel="STYLESHEET"在部分环境会失败，一律小写
表格样式没生效？先确认 CSS 是否真被应用，而不是选择器写错了
很多人一上来就改 td { padding: 8px; }，却没发现浏览器根本没加载那个 CSS 文件。调试顺序应该是：网络请求 → 控制台报错 → 元素是否被选中 → 规则是否被覆盖。
- 打开开发者工具 → 「网络」页卡 → 找
table.css请求 → 看状态码是不是 200，响应内容是不是真实 CSS 代码 - 如果是 200 但样式仍不生效，右键表格任意单元格 → 「检查」→ 在右侧「Styles」面板里搜索
padding或border，看对应规则有没有被划掉（表示被更高优先级覆盖） - 不要依赖
!important解决问题，先理清层叠顺序：内联样式 > ID 选择器 > 类/属性/伪类 > 元素/伪元素；后加载的link会覆盖前面同名规则
link 标签三要素——位置、路径、rel 属性——其中任一环节出错，后续所有样式都白搭。调试时盯着网络面板和控制台，比反复修改选择器高效得多。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
