本地运行HTML/CSS/JS代码CSS不生效，CodePen正常求解决

• 检查CSS文件的保存格式：用记事本保存时，默认可能是UTF-8带BOM格式，部分浏览器解析会出问题。重新保存为UTF-8无BOM格式（记事本“另存为”时编码选UTF-8，旧版记事本可换用Notepad++等工具选择“UTF-8无BOM”）。
• 确认HTML与CSS的引用路径：
  • 若用外部CSS文件，检查<link>标签的href路径是否正确。比如CSS和HTML在同一文件夹下，路径应为href="style.css"，注意文件名拼写和大小写（部分浏览器会严格识别大小写）。
  • 若为内嵌CSS，检查<style>标签是否正确闭合，排查是否存在大括号不匹配、分号遗漏等语法错误。
• 验证文件后缀：确保CSS文件后缀是.css，HTML文件是.html。记事本默认可能自动添加.txt后缀，需在“另存为”时选择“所有文件”，手动输入完整文件名。
• 清除浏览器缓存：按Ctrl+Shift+R强制刷新页面，避免浏览器加载旧的无样式缓存文件。
• 排查CSS语法错误：通过浏览器控制台的Elements面板查看样式是否加载，或检查代码是否存在属性名拼写错误、选择器写错等问题。

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