Question

我最后一次见到这里。我已经搜索了几十个试图找到这个问题答案的网站，但我还没有找到一个可以帮助我的解决方案。

以下是我的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文件后才停止工作。
我的.css文件中没有<style>个标记。
我的HTML的其余部分格式正确。我有</html>代码和<body>代码。
我在Chrome和Firefox上测试了这个页面，甚至在不同的计算机Chrome上测试过。我甚至尝试过以管理员身份运行它们。
我已检查确认我的浏览器未设置为Quirks模式。
我尝试了多个DOCTYPE标头，没有任何标志显示有任何工作迹象。
.css名称正确，文件位置正确。 index.html和style.css都在同一个文件夹中。
我已经尝试过不同顺序，不同格式的这些代码行，我甚至尝试过其他人的＆＃39;代码没什么用。
我已经在我的浏览器上检查了该页面的源代码，然后点击style.css链接直接进入该文件。

我唯一获得的是我点击了＆＃34; Inspect Element＆＃34;在我的Chrome页面上检查了＆＃34;资源＆＃34;选项卡，其中HTML位于框架＆gt;（index.html）＆gt; index.html 下，CSS位于框架＆gt;（index.html）＆gt;样式表＆gt; style.css下即可。如果我单击index.html，正文是空白的，但是如果我单击style.css，那么正文就是一些中文文本。

以下是我试过的style.css示例：

body
    {
    background-color: yellow;
    }

即使CSS很简单，它仍然无法工作。

请帮忙。

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

阅读我的帖子，伙计们。他们在同一个文件夹中。不同的路径位于＆＃34; Inspect Element＆＃34; Chrome中的模式，而不是我自己的文件夹。

Answer 1

Jozef Dúc在评论中写道（1，2）：

在某些编辑器中打开css文件，例如Notepad ++，并将文件编码更改为UTF-8

Notepad ++，打开文件，在主菜单中找到Encoding-＆gt;转换为UTF-8。再次在编码和选项中查找UTF-8中的编码应检查并保存文件。希望它有所帮助：）

这就是为我解决的问题。

Answer 2

根据your screenshot

看起来你的文件编码不好。

首先添加

<meta charset="utf-8">

到您的HTML。

然后你必须改变CSS文件中的编码。在某个编辑器中打开文件（我推荐Notepad++）。在Notepad ++中，在菜单和子菜单中找到 Encoding 选择选项转换为UTF-8 。现在，再次查看“编码”和“在UTF-8中编码”，然后保存文件。

Answer 3

我有同样的问题，这对我有用。我意识到.html和.css文件在一个单独的文件夹中，这就是为什么它没有工作。解决这个问题，

打开项目文件夹（包含html文件的文件夹），在此文件夹中创建另一个名为＆＃39; styles＆＃39;的文件夹。最后，将.css文件放在样式文件夹中，然后再次运行您的站点。

这对我有用。希望它适合你

Answer 4

尝试添加此行<meta charset="utf-8">

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

Answer 5

1。确保您的浏览器启用了 CSS 。

1.1 Firefox＆amp; Chrome：我建议使用Chris Pederick的 Web Developer Toolbar ，这是一个CSS菜单（如果你有一个较新版本的文字标签得到KOed，则左起第三个）

1.2 Safari：确保开发菜单可见（编辑 - ＆gt;偏好设置 - ＆gt;高级），然后确保禁用样式 未已检查。

1.3 Opera（Real Opera，12.5及更早版本）：工具 - ＆gt;偏好设置 - ＆gt;高级[标签] - ＆gt;内容 - ＆gt;＆＃34;样式选项＆＃34; [按钮] - ＆gt;演示模式[标签]并确保＆＃34;页面样式表＆＃34;检查。

1.4 Internet Explorer：转到工具 - ＆gt;选项并确保在＆＃34;安全＆＃34;区域（本地Intranet（如果从硬盘驱动器加载页面）或Internet（如果您要上载到服务器然后在浏览器中加载）的选项卡设置为中高。

2. 确保您的HTML和CSS文件不具有由记事本和其他Microsoft文本编辑器创建的BOM（字节顺序标记）。您可以在另存为... 对话框中使用Notepad ++或SuperEdi禁用BOM，您需要同时执行这两项操作。 永远不要使用MICROSOFT TEXT为网站编辑工具！

3. 运行本地服务器？检查Apache访问日志或开发人员网络标签，确保style.css文件不会以404格式显示。

Answer 6

我的链接标记也可以在标记的末尾没有/。你可以试试。你可以得到元素ispect和控制台。也许控制台可以告诉你错误。

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

6 个答案: