gpt4 book ai didi

html - 无法将我的 CSS 链接到我的 HTML

转载 作者:搜寻专家 更新时间:2023-10-31 23:03:01 24 4
gpt4 key购买 nike

我在这里已经筋疲力尽了。我搜索了数十个网站,试图找到这个问题的答案,但我还没有找到对我有帮助的解决方案。

这是我的 HTML 的顶部部分,链接到我的 CSS 文件:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Sample Page</title>
</head>

出于某种原因,当我在浏览器中预览我的 .html 文件时,我的 CSS 代码没有被考虑在内。

只是为了澄清一下,我已经确定以下不是我出现问题的原因:

  • 我的 CSS 代码在样式中的 HTML 中工作得很好标签。只有在我将它放入自己的 .css 文件后,它才停止工作。
  • 没有 <style>我的 .css 文件上的标签。
  • 我的其余 HTML 格式正确。我有 </html>标签和 <body>标签。
  • 我已经在 Chrome 和 Firefox 上测试过此页面,甚至在另一台计算机的 Chrome 上也测试过。我什至尝试过以管理员身份运行它们。
  • 我已检查并确认我的浏览器未设置为 Quirks 模式。
  • 我已经尝试了多个 DOCTYPE header ,但没有一个显示出任何工作迹象。
  • .css 名称正确,文件位置正确。 index.html 和 style.css 都在同一个文件夹中。
  • 我以不同的顺序、不同的格式尝试了这些代码行,我什至尝试了其他人的代码,但没有任何效果。
  • 我已经在浏览器中检查了该页面的源代码,单击 style.css 链接直接转到该文件。

我得到的唯一线索是我在 Chrome 中点击了我页面上的“检查元素”并检查了“资源”选项卡,HTML 位于 Frames>(index.html)>index 下。 html 和 CSS 位于 Frames>(index.html)>Stylesheets>style.css 下。如果我点击 index.html,正文是空白的,但如果我点击 style.css,正文很奇怪,是一些中文文本。

这是我尝试过的 style.css 示例:

body
{
background-color: yellow;
}

即使使用这么简单的 CSS,它仍然无法正常工作。

请帮忙。

编辑: http://i.imgur.com/SgoFkvw.png

阅读我的帖子,你们。它们在同一个文件夹中。不同的路径在 Chrome 中处于“检查元素”模式,而不是在我的文件夹中。

最佳答案

Jozef Dúc在评论中写道(12):

Open css file in some editor for example Notepad++ and change encoding of file to UTF-8

Notepad++, open file, in main menu find Encoding->Convert to UTF-8.Look again in Encoding and option Encode in UTF-8 should be checked and save file. Hope it helps :)

这就是为我解决的问题。

关于html - 无法将我的 CSS 链接到我的 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25469199/

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