问题不完整，无法确定具体指代对象或语境，因此无法作答。
为什么放
不是位置错了，是浏览器根本没把它当阻塞资源。常见原因有四个：media值不匹配当前环境（比如media="(min-width: 768px)"在手机上）、CSS文件里用了@import（串行加载，预加载器看不到）、<link>是JS动态插入的（document.head.appendChild(link)）、服务端返回了错误的Content-Type（如text/plain而非text/css）。验证是否真被阻塞：打开 DevTools → Network → 筛选css → 看Initiator列是不是parser；不是就说明没进阻塞链。
内联关键CSS必须守住的三条硬边界
内联不是把整个main.css复制进去，而是提取首屏实际用到的规则子集。必须同时满足：
• 体积≤10KB（移动端保守值），否则会阻塞HTML解析本身
• <style></style>标签必须放在最顶部，早于任何<script></script>或<link>
• 不能加media属性（哪怕media="all"也不行），否则浏览器跳过阻塞逻辑
验证是否真“关键”：Chrome DevTools → Coverage tab → 刷新页面 → 只保留绿色高亮部分（比如.header、.hero、[v-cloak]、基础重置）；@font-face、复杂伪类、只用于懒加载模块的变量定义，都不该进内联块。
非关键CSS怎么加载才不拖累首帧
内联只管首帧，后续样式仍要加载，但直接写<link rel="stylesheet">可能因体积大或CDN延迟引发回流重绘。稳妥做法是让它“预加载但不阻塞”：
• 推荐写法：<link rel="stylesheet" href="non-critical.css" media="print" onload="this.media='all'">，利用media="print"触发预加载但不应用，加载完成再切换
• 必须配<noscript><link rel="stylesheet" href="non-critical.css"></noscript>兜底，防JS失效
• 避免在JS里用document.write()或appendChild()动态插入——预加载器完全看不到它
框架项目里最容易漏掉的两个细节
Tailwind、Bootstrap这类框架自带@import链路，极易放大FOUC风险。除了替换所有@import为<link>外，还要盯住：
• 动态主题切换（如data-theme="dark"）不能等到DOMContentLoaded后读取localStorage再插入<link>——此时HTML早已渲染完毕，必然闪一次；得让服务端根据Sec-CH-Prefers-Color-Scheme或cookie注入初始data-theme
• 所有外链CSS响应头必须是Content-Type: text/css，哪怕你内联了关键CSS，只要tailwind.css返回text/plain，浏览器就拒绝解析，FOUC照常发生
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
