HTML与CSS文件同目录但CSS样式未生效，如何排查格式问题？

你提供的link标签写法本身没有致命错误，但存在不规范的地方，同时还有其他常见原因会导致样式不生效，可按以下顺序排查：

• 修正link标签写法：原标签rel属性等号两侧存在多余空格，且引号混用，调整为规范写法即可：

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

• 确认文件名完全匹配：Linux、macOS等系统对文件名大小写敏感，需确认CSS文件实际名称和路径完全匹配indexstyle.css，不存在大小写错误、前后多余空格、后缀名错误（比如实际是indexstyle.css.txt）的问题。
• 验证CSS文件本身有效性：可在CSS文件首行添加测试代码验证是否加载成功：

  body { background: #f00 !important; }
  

  如果页面背景没有变红，说明CSS文件未正确加载，可打开浏览器开发者工具（F12）的「网络」面板，刷新页面后查看indexstyle.css的请求状态：
  • 状态为404：说明路径/文件名错误，重新核对文件位置和名称
  • 状态为200：说明CSS文件存在语法错误，逐行排查样式写法问题
• 排除缓存干扰：按下Ctrl+F5（Windows）/Cmd+Shift+R（Mac）强制刷新页面，跳过本地缓存加载最新资源。
• 排查样式优先级问题：如果部分样式不生效，检查是否存在行内样式、<style>标签内嵌样式优先级高于外部CSS规则的情况。

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