【问题标题】：My external style sheet is not affecting my HTML files我的外部样式表不会影响我的 HTML 文件
【发布时间】：2016-12-21 23:07:48
【问题描述】：

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

【问题讨论】：

WebsiteStyles.css 位于何处？是在 WebEnvironment.html 文件旁边吗？
不，它在一个单独的文件夹中。有人告诉我，将你的 css、html 和 javascript 文件彼此分开是一种很好的做法

标签： css html web

【解决方案1】：

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

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

那么你必须使用：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

不幸的是，这也不起作用。原来是这样的，似乎没有任何改变

【解决方案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 指定文件的位置。

【讨论】：