我知道这是一个基本和直接的问题，但似乎无法让我的HTML文件读取CSS文件和背景图像不起作用。如何访问HTML中的CSS文件？
这是我的CSS：
body, html {
background-image: url(images/background.jpg);
width: 100%;}
这是我的HTML：
<link rel="stylesheet" href="../static/style.css" />
文件树：
网/ 静态/ file.css/
网/ templates/ file.html
网页/图片/ image.css
的CSS将加载罚款（假设URL到file.html是/templates/file.html，你是不是只是用它作为一个不同的URL服务器端模板），如果你有文件名正确（它是file.css而不是style.css）。
width: 100%应该应用并创建（短）水平滚动条，但不应该有任何其他影响。
图片将不会加载，因为网址是，相对于样式表和/static/images/background.jpg不存在（根据您的目录结构）。
变化：<link rel="stylesheet" href="../static/style.css" />
到：<link rel="stylesheet" href="../static/file.css" />
你必须把正确的路径CSS文件，在你的树，你命名为CSS文件 'file.css' 不 '的style.css'
在CSS文件...
body, html {
background-image: url(../images/background.jpg);
width: 100%;}
的../告诉备份出来的目录的路径，其中的CSS文件是LOCA ted，然后然后寻找images目录。
我试过了。但是，由于某种原因，仍然没有阅读图像。 – Pythoner1234
@ Pythoner1234检查你的文件名....在你提到'style.css'和'file.css'的问题中哪一个是正确的？也要注意浏览器中的缓存。您可能需要按住Shift键并*然后*重新加载页面。 – Scott
试试你的CSS文件如下：
body, html {
background-image: url('/web/images/background.jpg');
width: 100%;}
而且使用的CSS链接标签这样：
<link rel="stylesheet" href="/web/static/file.css" />
我建议你检查你用来命名文件的确切名称。
您已使用file.css和image.css，但在您HTML中它是样式。CSS
<link rel="stylesheet" href="../static/style.css" />
尝试：
body, html { background-image: url('/web/images/background.jpg'); width: 100%;}
谢谢您的答复。你能否详细说明为什么图像不会加载。你认为什么样的目录结构会更好？ – Pythoner1234
@ Pythoner1234 - 使用现在的CSS，您需要移动静态目录中的images目录。 – Quentin