gpt4 book ai didi

html - 如何使用 引用 HTML 中的另一个 .css 文件

转载 作者:行者123 更新时间:2023-11-28 14:40:42 24 4
gpt4 key购买 nike

所以我试图将我的 HTML 文件链接到 CSS 文件,以便使用我在 CSS 文件上创建的跨度。

我正在使用 Komodo 应用程序对此进行编码。所以每次我在浏览器中运行 HTML 文件时,它都是没有背景的黑色文本。请告诉我我做错了什么。

这是我的文件的内容。

Logan_Tucker_Style_Sheet.cssLogan_Tucker_Page_With_Link.html

span.firstlinewordone {
background: lime;
color: red
}

span.firstlinewordtwo {
background: #00FF00;
color: #FF0000
}

span.firstlinewordthree {
background: rgb(00, 255, 00);
color: rgb(255, 00, 00)
}

span.secondlinewordone {
background: lime;
color: blue
}

span.secondlinewordtwo {
background: #00FF00;
color: #0000FF
}

span.secondlinewordthree {
background: rgb(00, 255, 00);
color: rgb(00, 00, 255)
}

span.thirdlinewordone {
background: lime;
color: aqua
}

span.thirdlinewordtwo {
background: #00FF00;
color: #00FFFF
}

span.thirdlinewordthree {
background: rgb(00, 255, 00);
color: rgb(00, 255, 255)
}
<!DOCTYPE HTML>

<html>

<head>
<title> Using Custom Colors </title>
<link rel="stylesheet" type="text/css" href="Logan_Tucker_Style_Sheet.css">
</head>

<body>
<span class="firstlinewordone">
One
</span>

<span class="firstlinewordtwo">
Two
</span>

<span class="firstlinewordthree">
Three
</span>

<br>

<span class="secondlinewordone">
One
</span>

<span class="secondlinewordtwo">
Two
</span>

<span class="secondlinewordthree">
Three
</span>

<br>

<span class="thirdlinewordone">
One
</span>

<span class="thirdlinewordtwo">
Two
</span>

<span class="thirdlinewordthree">
Three
</span>

<br>

</body>

</html>

最佳答案

看起来您的 HTML 文件没有看到 CSS 文件。请尝试以下步骤:

  • 右键单击元素并选择检查元素选项。应该会出现开发人员面板,让您可以查看应用于所选元素的样式
  • 检查浏览器控制台是否有任何错误。特别是对于 Not Found 错误。这些将显示您的浏览器在哪里搜索链接文件。
  • 在浏览器的检查器中打开 HTML 代码,找到链接标签并尝试在新页面中打开文件。如果一切正常,应该会显示 CSS 文件的内容。
  • 在页面刷新时清除浏览器的缓存。在 Windows 中,您可以通过按 Ctrl + F5
  • 来执行此操作
  • 如果没有任何帮助,那就是外面的东西出了问题。如您所见,所提供的代码本身没有任何问题,因为它在此页面上正确呈现。

关于html - 如何使用 <link> 引用 HTML 中的另一个 .css 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52981033/

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