我知道這是一個基本和直接的問題，但似乎無法讓我的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