我的外部样式表没有影响到我的HTML文件

Question

我的外部样式表没有影响到我的HTML文件

4

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

- The Fool

1

WebsiteStyles.css文件位于哪里？它是紧挨着WebEnvironment.html文件吗？ - Neikos

不，它在一个单独的文件夹中。我被告知将CSS、HTML和JavaScript文件分开放置是一种良好的实践。 - The Fool

3个回答

1

你只是rel属性写错了。rel需要等于stylesheet，而不是websiteStyles。

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

- CRABOLO

不幸的是，这也没起作用。它最初就是这样的，似乎什么都没有改变。 - The Fool

1

我会给你一个可运行的例子。

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 file

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

为了这个例子，index.html和style.css必须在同一个文件夹中！为了学习和理解CSS和HTML，我推荐w3schools。

编辑

嗯，我没有读到你将CSS文件保存在单独的文件夹中。href指定文件的位置。

- user3162726

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

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

- Andy · Accepted Answer

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

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

然后您需要使用：

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