我的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文件。为什么？

回答

相关问题