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

Question

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

4

我无法将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;
}

请问有人能告诉我如何解决这个问题吗？

- Akhil

2

看起来还不错。你的theme.css文件和HTML文件在同一个目录下吗？ - Pekka

2

文件css和文件html在同一个目录下吗？ - Baronth

1

@ErBnAcharya 2个body标签，什么意思？ - Mr. Alien

1

在IE、Opera、FireFox和Chrome上运行良好。你尝试过不同的浏览器吗？ - Trinimon

1

谷歌浏览器显示网页不可用。当我将index.html替换为theme.css时。 - Akhil

显示剩余10条评论

3个回答

0

首先，自闭你的链接标签，像这样：

。

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

接下来，请确保您的样式表（theme.css）位于您正在保存的HTML文件所在的相同文件夹中。如果它不在那里，例如在名为“styles”的子文件夹中，则您需要编辑路径，如下所示：

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

- Maloric

1

此外，如果页面位于比../更深的文件夹中，则它也会非常有用。 - Mr. Alien

2

我认为您忘记了自闭标签。在HTML5中并不重要。 - JJJ

哎呀，有点尴尬。答案已经更新了。 - Maloric

0

为了解决这些问题，我强烈推荐使用Firebug。在使用firebug时，您可以调试各种问题。一个主要的问题是，为什么我的CSS没有链接，或者我没有正确编码它。您可以打开firebug。选择CSS选项卡。

enter image description here

查看所有链接的CSS。您还可以在控制台中查看出现了哪些错误代码，它们非常详细，可以节省您很多时间。

enter image description here

这是为了帮助您解决这些问题。您不一定需要使用链接。

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

工作得很好。

- Cam

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Baronth · Accepted Answer

在与HTML页面相同的目录下保存一个名为 theme.css 的文件，其中包含您的CSS规则。

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