我在这里已经筋疲力尽了。我搜索了数十个网站,试图找到这个问题的答案,但我还没有找到对我有帮助的解决方案。
这是我的 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 中处于“检查元素”模式,而不是在我的文件夹中。
最佳答案
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/