Question

我无法将CSS连接到HTML文件。我将下面的代码放在我的HTML文件顶部。我使用此网站上的代码将我的CSS连接到HTML：http://w3schools.com/tags/tag_link.asp

到目前为止，这是我的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;
}

有人请告诉我如何解决这个问题。

Answer 1

使用您的css规则将名为 theme.css 的文件保存在html页面的同一目录中

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

Answer 2

首先，自我关闭你的链接标签，如下所示：

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

接下来，确保样式表（theme.css）与要保存的html文件位于同一文件夹中。它在其他地方，例如在名为“样式”的子文件夹中，那么你必须像这样编辑路径：

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

Answer 3

要解决这些问题，我强烈建议您使用Firebug。当您使用firebug时，您可以调试各种问题。一个主要问题，为什么我的CSS没有链接，或者它和我没有正确编码。你可以打开萤火虫。选择CSS TAB

enter image description here

查看所有链接的CSS。您还可以查看控制台内部以查看出现的错误代码，它们非常详细，可以为您节省大量时间。

enter image description here

这是为了帮助您解决这些问题。你不一定要使用link btw。

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

效果一样好。

我的HTML文件未连接到我的CSS文件。为什么？

3 个答案: