外部CSS设置background-image不生效，内嵌style正常如何解决

按优先级逐一核对以下问题即可解决：

• 首先修正link标签的语法错误：你当前写的引入标签存在引号闭合位置错误，原代码为<link rel="stylesheet" href="./Documents/Untitled1.css >，href属性值的闭合双引号被写到了尖括号外面，浏览器无法正常识别这个标签。正确写法如下：

<link rel="stylesheet" href="./Documents/Untitled1.css">

• 核对CSS文件的引用路径是否正确：href里的相对路径是相对于当前HTML文件的存储位置计算的，不是电脑系统全局路径。比如如果你的HTML文件存在桌面，./Documents/Untitled1.css指向的是桌面下Documents文件夹内的Untitled1.css，如果文件实际存储位置和这个路径不匹配，浏览器会找不到CSS文件。你可以按F12打开浏览器开发者工具，切换到「网络」面板刷新页面，查看Untitled1.css的请求状态，如果显示404就说明路径写错，调整到对应正确相对路径即可。
• 注意Windows系统的扩展名隐藏坑：如果你的电脑开了「隐藏已知文件类型扩展名」，你看到的Untitled1.css很可能实际是Untitled1.css.txt，后缀不对浏览器无法解析为样式文件，需要先关闭系统的扩展名隐藏，确认文件真实后缀为.css。
• 核对CSS内背景图的路径：CSS文件中url()里的相对路径是相对于CSS文件自身的存储位置计算的，不是相对于HTML文件。比如如果你的CSS文件放在Documents文件夹内，./images/rain.jpg指向的是Documents文件夹下images文件夹里的rain.jpg，如果你的images文件夹和HTML同级、没有放在Documents目录下，就算CSS加载成功也找不到背景图，这时候需要把路径调整为相对于CSS文件的正确值，比如图片在CSS上一级目录的话就写为url("../images/rain.jpg")，同样可以在开发者工具网络面板看rain.jpg的请求状态，404就说明路径有误。

验证技巧：如果CSS文件加载成功，你在开发者工具的「元素」面板选中body标签时，右侧的样式面板能看到你写的body背景相关样式规则；如果看不到，说明CSS文件根本没加载成功，优先排查前三个问题。

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