从 Firefox 加载外部 .CSS 文件答案

【问题标题】：Loading an External .CSS File From Firefox从 Firefox 加载外部 .CSS 文件
【发布时间】：2013-10-13 00:57:49
【问题描述】：

我最近一直在学习 CSS，以及如何将它与 HTML 一起使用。我看过很多关于这个问题的教程和解决方案，所有这些都表明 Firefox 对字符编码很挑剔。我已将 HTML 和 CSS 这两个文件都设置为 UTF-8 编码，但它仍然不起作用。 （这两个文件都称为 test.html 或 css）

HTML <meta charset = "UTF-8">

CSS @charset "UTF-8"

如果有必要，我有一个指向他们整个代码的 PasteBin 链接。 （是的，我尝试了第一行带分号和不带分号的 css 行。）
http://pastebin.com/iprAD44A

任何帮助将不胜感激。
~计算机

【问题讨论】：

您在 Firefox 控制台中看到任何错误吗？
[02:05:28.624] 未声明 HTML 文档的字符编码。如果文档包含 US-ASCII 范围之外的字符，则文档将在某些浏览器配置中呈现乱码。页面的字符编码必须在文档或传输协议中声明。 @file:///D:/CSS/test.html
but it still doesn't work - 究竟是什么不起作用？...

【解决方案1】：

删除字符编码。在这一点上甚至不要担心它，它只会让你现在的事情变得复杂，你可以编写世界上所有的标准 CSS，并且你的网页可以在不设置编码类型的情况下正常工作。我以前从未见过在任何样式表中使用过@charset“[编码选择]”。

如果您正在为网页和资产（如样式表）设置编码类型，控制服务器对客户端（如 Firefox 等浏览器）请求的响应非常重要。因为服务器应该返回你声明的编码类型。

【讨论】：

奇怪的是，这似乎占了上风。
这并不奇怪，在某些时候理解编码很重要，但对于基本的 HTML 和 CSS 则不是。通过不为您的 HTML 和 CSS 中的字符声明编码类型，旧的和现代的浏览器可以很好地呈现您的网页。

【解决方案2】：

尝试将其添加到 CSS，基于 Mozilla 特定的 Firefox 扩展。还关闭了@charset。

@charset "UTF-8";
@-moz-document url-prefix() {

**CSS GOES HERE**

}

【讨论】：