VS Code中外联CSS文件失效问题求助（新手）

直接修正核心问题 #

你HTML里的<link>标签写错了关键属性：rel的值应该是stylesheet，而不是style。这个属性用于告诉浏览器当前链接的是样式表文件，写错后浏览器无法正确识别并加载外联CSS。

修正后的<link>标签代码：

<link rel="stylesheet" href="style.css">

若修正后仍有问题，检查以下几点 #

• 确认style.css文件和HTML文件在同一目录下，如果CSS文件放在子文件夹（比如css目录），需要把href调整为对应路径，例如./css/style.css。
• 用VS Code打开整个项目文件夹作为工作区，不要单独打开单个HTML文件，避免路径解析出现异常。
• 打开浏览器开发者工具（按F12），切换到「网络」面板后刷新页面，查看style.css的加载状态：
  • 如果显示404，说明文件路径错误，调整href的值即可；
  • 如果加载成功但样式未生效，检查CSS语法是否有误（你的示例CSS语法是正确的）。

内容的提问来源于stack exchange，提问作者Nancy156927