为何我的index.html无法应用css文件夹内的style.css样式文件？

结合你给出的文件结构和代码片段，主要问题和解决思路如下：

• 缺少引用本地样式文件的标签
  目前你的HTML代码里只引入了Bootstrap的CDN样式，完全没有添加加载style.css的代码。你需要在<head>标签里的Bootstrap链接后面，加上这一行：

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

  因为你的index.html和style.css在同一个css/文件夹下，直接写文件名就能让浏览器正确找到目标文件。

• 若已添加标签仍失效，大概率是路径错误
  比如如果你误写了href="../css/style.css"，浏览器会从index.html所在的css/目录向上退一级（到mysite/根目录）再找css/style.css——虽然这个路径确实存在，但属于多余的绕路，且后续文件结构变动时容易出错。更稳妥的是使用相对当前文件的路径：

  • 同目录下直接写style.css或./style.css（./明确表示当前目录，可读性更强）
  • 之后如果把index.html移到mysite/根目录，路径就要改成css/style.css

额外排查点：

• 确认style.css的文件名拼写完全正确（注意大小写，比如Style.css和style.css在Linux类系统中会被识别为不同文件）
• 打开浏览器开发者工具的「网络」面板，查看加载style.css时的状态码（如果是404，说明文件路径肯定写错了）

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