link标签必须放在head里，否则会延迟css加载导致重排和闪屏；href路径需相对html文件，rel=”stylesheet”不可省略，type=”text/css”可删除，加载顺序影响样式覆盖。
link标签必须放在head里，否则可能触发重排
浏览器解析HTML是自上而下流式进行的，<link rel="stylesheet"> 如果写在 里，CSS下载和解析会延迟到dom树构建中途，导致已渲染的部分被强制重新计算样式（reflow），尤其在旧版IE中容易出现闪屏或布局错乱。
实操建议：
立即学习“前端免费学习笔记（深入）”；
-
<link>标签务必放在内，紧挨在<title></title>后或<meta>之后 - 避免用
@import在CSS文件里再引入其他CSS——它会阻塞并串行加载，比<link>多一层网络往返 - 如果要控制加载时机（比如非关键CSS），可用
rel="preload"+onload动态切换rel="stylesheet"，但这是进阶用法，普通项目不推荐绕过标准流程
href路径写错是最常见的404原因
外部CSS文件找不到，浏览器控制台会报 Failed to load Resource: the server responded with a status of 404 ()，但很多人只盯着文件名看，忽略路径解析规则。
实操建议：
立即学习“前端免费学习笔记（深入）”；
-
href是相对于当前HTML文件的路径，不是相对于CSS文件、也不是相对于服务器根目录（除非以/开头） - 推荐统一用相对路径：比如HTML在
/pages/index.html，CSS在/css/style.css，就写href="../css/style.css"；更稳妥的做法是把HTML和CSS放在同级目录，用href="style.css" - 绝对路径慎用：
href="/css/style.css"看似简单，但本地双击打开HTML时会失效（file:// 协议下/指向磁盘根目录），只有部署到http服务后才正常
rel=”stylesheet”不能省，type=”text/css“可以删
html5已将 type="text/css" 设为默认值，写上反而冗余；但 rel="stylesheet" 是关键标识，漏掉会导致浏览器根本不当它是样式表处理。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 必须保留
rel="stylesheet"—— 这是浏览器识别“该资源要参与样式计算”的唯一依据 - 删除
type="text/css"，既精简又避免未来规范变动带来的兼容风险 - 不要写成
rel="style"或rel="css"，这些值无效，浏览器会忽略整条<link>
加载顺序影响!important和层叠结果
CSS层叠规则按源码顺序生效，后引入的样式表能覆盖前面同选择器的声明，哪怕用了 !important 也逃不过“后声明优先”这条铁律。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 基础样式（如重置、通用类）放前面，组件/页面专属样式放后面
- 避免在多个外部CSS里对同一个选择器反复用
!important对抗加载顺序——这说明结构设计有问题 - 调试时可临时禁用某条
<link>（右键DevTools里的请求 → Block request URL），快速验证是否是某份CSS干扰了效果
实际项目里最麻烦的往往不是语法写错，而是路径和加载时机混在一起：比如开发时用本地服务器路径没问题，一打包部署到子目录就404；或者把CSS放body底部，样式闪一下才生效。这些细节不显眼，但改起来要翻好几层目录和配置。