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

标签 html css encoding stylesheet rel

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

这是我的 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/

相关文章:

mysql - 如何在 MySQL 的 utf-8 列中识别语言

html - CSS 定位 : why would I set an entire document to relative?

javascript - 需要在标签上的文本字段中输入值,其中值来自输入标签

html - 我的固定位置不能正常工作?如何解决?

jquery - 如何在一个 js 事件中启用和禁用 css 转换?

encoding - Handlebars 三重存储以避免转义 html 实体

c - 用C语言对数据进行编码和解码

jquery - 在更大和更小的设备上显示事件后的 div

jquery - 滚动时增加背景大小

html - 带有 twitter bootstrap 2.3 的 Google Plus 或 Facebook Like Card UI