我的HTML文件沒有連接到我的CSS文件。爲什麼？

我無法將我的CSS連接到我的HTML文件。我將下面的代碼放在我的HTML文件頂部。我使用的代碼本網站上我的CSS連接到HTML：http://w3schools.com/tags/tag_link.asp 我的HTML文件沒有連接到我的CSS文件。爲什麼？

這是我的HTML文件至今：

<!DOCTYPE html> 
<html> 

<head> 
<link rel="stylesheet" type="text/css" href="theme.css"> 
</head> 

<body id="whole-background"> 
<h1>Akhil Sharma</h1> 

<p>Official Website</p> 

</body> 
</html>

，這是我的CSS：

#whole-background 
{ 
background-color: #0099FF; 
}

有人告訴我如何解決這個問題。

來源

2013-05-09 Akhil

這看起來沒問題。您的theme.css與HTML文件位於同一個目錄中嗎？ – 2013-05-09 12:48:38

該文件的CSS是在文件的HTML相同的目錄？ – Baronth 2013-05-09 12:48:40

是的，我確定！ – Akhil 2013-05-09 12:49:16

首先，自我關閉鏈接標籤，就像這樣：

<link rel="stylesheet" type="text/css" href="theme.css" />

接下來，請確保您的樣式表（theme.css）位於同一文件夾中要保存的HTML文件。這是在其他地方，如在一個名爲「樣式」，那麼你就必須修改，像這樣的路徑子文件夾：

<link rel="stylesheet" type="text/css" href="styles/theme.css" />

來源

2013-05-09 12:49:58 Maloric

另外，如果頁面位於另一個文件夾中，而不是'../'也會有用 – 2013-05-09 12:50:28

我認爲你忘了自動關閉標籤。不是HTML5中的問題。 – JJJ 2013-05-09 12:58:47

哎呀，多麼尷尬。答案已更新 – Maloric 2013-05-09 13:00:08

保存在HTML頁面的同一目錄下名爲theme.css文件，與你的CSS規則

#whole-background 
{ 
background-color: #0099FF; 
}

來源

2013-05-09 12:56:44 Baronth

爲了解決這些問題種類的我強烈建議使用Firebug。當你使用螢火蟲時，你可以調試各種問題。一個主要問題，爲什麼我的CSS沒有鏈接，或者是它，我沒有正確編碼。你可以打開螢火蟲。選擇CSS TAB

enter image description here

看到那個鏈接的所有CSS。您還可以查看控制檯內部，查看出現的錯誤代碼，它們非常詳細，並節省您的時間。

enter image description here

這是爲了幫助你，首先要弄清楚這類問題。你不一定必須使用鏈接btw。

<style type="text/css" src="theme.css"></style>

工作一樣好。

來源

2013-05-09 13:00:36 Cam

我的HTML文件沒有連接到我的CSS文件。爲什麼？

回答

相關問題