gpt4 book ai didi

html - 样式表未链接到文档

转载 作者:行者123 更新时间:2023-11-28 00:13:33 25 4
gpt4 key购买 nike

非常简单的任务,由于某种原因似乎无法正常工作。当我在浏览器中查看时没有得到任何结果,我的样式没有应用到我的 HTML 中。我的样式表与带有 html 的主文档位于同一文件夹中。我正在本地主机上预览 chrome 中的代码。不确定这里出了什么问题,我们将不胜感激。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="meta description placeholder example.">
<meta name=viewport content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="mystyles.css">
<title>Web Start</title>
</head>
<body>
<h1 class="main">test</h1>
<header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Home1</a></li>
<li><a href="#">Home2</a></li>
<li><a href="#">Home3</a></li>
</ul>
</nav>
</header>
</body>
</html>

我的样式放在一个名为 mystyles.css 的单独文件中

<style>
.main {
color: blue;
}
</style>

最佳答案

在一个文件中测试:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="meta description placeholder example.">
<meta name=viewport content="width=device-width, initial-scale=1">
<style>
.main {
color: blue;
}
</style>
<title>Web Start</title>
</head>
<body>
<h1 class="main">test</h1>
<header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Home1</a></li>
<li><a href="#">Home2</a></li>
<li><a href="#">Home3</a></li>
</ul>
</nav>
</header>
</body>
</html>

或者如 Tushar 所说:删除 <style></style>来自你的 CSS 文件

关于html - 样式表未链接到文档,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55253215/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com