如何正确编写CSS文件夹路径实现与HTML文件的关联？

• 优先核对大小写匹配：Windows系统对文件名大小写不敏感，但Mac、Linux以及绝大多数线上服务器都大小写敏感，如果你的实际文件夹名是folder-name、CSS文件名是style.css（全小写），和你写的FOLDER-Name/Style.css大小写不匹配就会加载失败，必须保证路径里的名称和实际文件、文件夹名称完全一致。
• 核对目录结构与路径的对应关系：
  • 如果HTML文件存放在根目录，CSS文件放在根目录下的css文件夹中，相对路径写法为./css/style.css是正确的
  • 如果HTML文件放在根目录的子文件夹中（比如./pages/index.html），要访问根目录下的css/style.css需要回退一级目录，写法改为../css/style.css，其中../代表返回当前文件所在目录的上一级
• 检查link标签的书写规范：标签必须放在HTML的<head>区块内，属性不能缺漏，完整参考写法如下：

<head>
  <meta charset="UTF-8">
  <title>页面标题</title>
  <link rel="stylesheet" href="./你的CSS文件夹名称/style.css">
</head>

• 本地调试可借助浏览器工具排查：打开HTML页面后按F12调出开发者工具，切换到「网络」面板刷新页面，查看CSS文件的请求状态，如果显示404说明路径不匹配，可点击请求详情查看浏览器实际请求的完整路径，和本地文件的实际存放位置对比调整即可。

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