HTML不会加载外部CSS文件

我不知道为什么我的CSS不会加载，我已经包含了我的html的第一部分。HTML不会加载外部CSS文件

Firebug和Chrome不会给我加载文件的任何问题。

任何人都知道这可能是为什么？

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css"> 
<script src='script.js'></script> 
<link rel='stylesheet' href='style.css'/>

来源

2014-05-22 APIUM

一个或两个的CSS文件将不会加载？它应该没关系，但你也可以添加'type =“text/css”'。 – j08691

添加'type =“文本/ css”'只是另一个打字错误的机会。 – Quentin

是路径吗？你有没有在HTML文件相同的文件夹中的样式表？在其他文件夹？ –

不知道所有这些：

正如你不说其CSS是错误的，这是一个比较复杂修复它，但检查你所提供的代码有3个可能的或这可能是未加载你的CSS的原因常见的问题：

你的CSS文件名中有大写的名字，如：Style.css或 Bootstrap.css
你的道路是错误的：../styles/style.css可能是可能的路径之一（因为我们没有你的项目的结构图像，我不能告诉你如何以正确的方式做到这一点。
你有<link rel='stylesheet' href='style.css'/>与 apostrophee的代替“引号

我的意思是3号posibility说：

<link rel='stylesheet' href='style.css'/>

应该变成：

<link rel="stylesheet" href = "style.css"/>

，并添加type="text/css"为j08691说，这应该成为下面的代码（也注意到，我删除了最后/太）：

<link rel="stylesheet" type = "text/css" href = "style.css">

并与脚本也是如此，我的意思是引号（"）代替apostrophees（'）

编辑

看你的网站后，你的类有大写字母名字，像这样的：

<div class="Header">

和CSS文件是：

.header { 
    background-color: #BFBFBF; 
}

有两种解决方法：

将您的div类名称更改为小写名称
将您的样式更改为大写字母。

而这里的它是如何将其固定后：

enter image description here

来源

2014-05-22 16:33:58 Frakcool

这是'风格。 CSS'，不会加载。我摆脱了大写字母，改了引号，然后我尝试了你建议的链接，但都没有成功。该文件绝对是在正确的地方，并引导加载，所以我真的很难为手头是什么问题.... Completley忘了，链接到该网站的问题是http：//www.canopyfoods。 com – APIUM

@ user3665464检查我的编辑现在和下次发布一个[小提琴]（http://jsfiddle.net/）与[MCVE]（http://stackoverflow.com/help/mcve）足够的代码，演示问题让它更容易帮助你:) – Frakcool

它加载就好了。如果你去你的网站，打开开发工具，然后点击styles.css它就在那里。

所以，这不是问题所在。

问题是你的CSS不匹配任何东西。

您有：

.header {...styles...}

但是你的HTML是：

<div class="Header">

它看起来就像你在HTML大写所有的类名，但不是你的CSS文件。

（我只注意到Frakcool编辑他的答案，而我用同样的观察打字。不要给Frakcool为正确答案的功劳！）

来源

2014-05-23 05:18:22

HTML不会加载外部CSS文件

回答

相关问题