修改

Question

我制作了一个外部样式表，当我在记事本++上运行它时，我相信它会影响我的HTML文件。然而，这种情况并非如此。它似乎根本没有影响它。我相信链接是正确的，但我不明白为什么它不起作用。这是我创建的第一个网站。如果您需要更多图片，请发表评论并询问。我现在很无能为力。 External css help

Answer 1

CSS文件位于单独的文件夹中。您必须指定此文件夹您必须知道它必须位于包含WebEnvironment.html的文件夹的子文件夹中。

最常见的方式是：
css/WebsiteStyles.css

然后你必须使用：

<link rel="stylesheet" type="text/css" href="css/WebsiteStyles.css" media="screen">

Answer 2

你只是有错误。 rel需要等于样式表，而不是websiteStyles

<link rel="stylesheet" type="text/css" href="WebsiteStyles.css" media="screen">

Answer 3

我会给你一个有效的例子。

index.html文件

<!DOCTYPE html>
<html lang="en">

<head>
<title>Example webpage</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

<div id="example">
This is an example div
</div>

</body>

</html>

style.css文件

#example {
width: 350px;
height: 350px;
background-color: green;
}

index.html和style.css必须位于此示例的同一文件夹中！要学习和理解CSS和HTML，我建议w3schools

修改

好吧，我没有读到你在单独的文件夹中持有css文件。 href指定文件的位置。

我的外部样式表不会影响我的HTML文件

3 个答案:

修改