无法将CSS链接到HTML_Html_Css_Encoding_Stylesheet_Rel

无法将CSS链接到HTML

html css encoding

无法将CSS链接到HTML,html,css,encoding,stylesheet,rel,Html,Css,Encoding,Stylesheet,Rel,我在这里已经绞尽脑汁了。我已经搜索了几十个网站试图找到这个问题的答案，但我还没有找到一个解决方案来帮助我这是我的HTML的顶部部分，链接到我的CSS文件： <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Sample Page</title>

我在这里已经绞尽脑汁了。我已经搜索了几十个网站试图找到这个问题的答案，但我还没有找到一个解决方案来帮助我

这是我的HTML的顶部部分，链接到我的CSS文件：

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

即使CSS如此简单，它仍然无法工作

请帮忙

编辑：

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

尝试添加此行


在注释（，）中写道：
在某些编辑器中打开css文件，例如Notepad++并将文件编码更改为UTF-8
记事本++，打开文件，在主菜单中查找编码->转换为UTF-8。再次查看编码，应选中选项“UTF-8中的编码”并保存文件。希望有帮助：）
这就是我解决问题的原因。
根据

看起来文件中的编码不正确
所以首先加上


到您的HTML
然后您必须更改CSS文件中的编码。在某个编辑器中打开该文件（我推荐）。在记事本++中，在菜单中找到编码，然后在子菜单中选择选项Convert to UTF-8。现在，再次查看“Encoding”（编码）并选中“Encode in UTF-8”（在UTF-8中编码），然后保存文件。
1。确保在浏览器中启用了CSS
1.1 Firefox和Chrome:我建议使用Chris Pederick的，它是一个CSS菜单（如果您有一个更新版本的文本标签，则从左起第三个）
1.2 Safari:确保开发菜单可见（编辑-->首选项-->高级），然后确保未选中禁用样式
1.3 Opera（Real Opera，12.5及更早版本）：工具-->首选项-->高级[tab]-->内容-->“样式选项”[按钮]-->演示模式[tab]，并确保选中“页面样式表”
1.4 Internet Explorer:转到工具-->选项，并确保在“安全”选项卡下，区域（本地Intranet（如果从硬盘加载页面）或Internet（如果上载到服务器，然后在浏览器中加载页面）设置为中高
2。确保您的HTML和CSS文件没有由记事本和其他Microsoft文本编辑器创建的BOM（字节顺序标记）。您可以在“另存为…”对话框中使用记事本++或SuperEdi禁用BOM，您需要同时禁用这两个文件。切勿在网站上使用Microsoft文本编辑工具！
3.运行本地服务器？检查Apache访问日志或开发者网络选项卡，确保style.css文件不会显示为404。我的链接标记也可以在没有标记结尾/的情况下工作。您可以尝试一下。
您可以访问元素ispect，然后访问控制台。也许控制台可以告诉您出了什么问题。
我也遇到了同样的问题，这对我来说是有效的。我意识到.html和.css文件都在一个文件夹中，这就是它不起作用的原因。要解决这个问题
打开项目文件夹（包含html文件的文件夹），在此文件夹中创建另一个名为“styles”的文件夹。最后，将.css文件放在style文件夹中，然后再次运行站点
这对我有用。希望它对你有用。
你确定style.css在项目的根目录中吗？它可能只是css的路径。你的css文件在哪里？“HTML在Frames>（index.HTML）>index.HTML下找到，css在Frames>（index.HTML）>样式表>style.css下找到”…这难道不意味着你的CSS和index.html不在同一个文件夹中吗？CSS和html都在同一个文件夹中，并且是项目中唯一的文件。在一些编辑器中打开CSS文件，例如记事本+，并将文件编码改为UTF-8。你能提供一个网站链接吗？请，我会快速查看它在Chrome下“检查元件"功能是它们可以在不同的文件夹下找到，因为这是它们为网站放置CSS文件的地方。不，这也不行。这将设置页面的字符集，而不是任何CSS文件。@torazaburo是的，这是正确的。我的下一个建议是让OP更改文件。不过之前有人建议过。乔治，你可以接受如果它解决了你的问题，那就不要自己回答。
body
    {
    background-color: yellow;
    }

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>