HTML不会加载外部CSS文件

时间：2014-05-22 14:12:44

标签： html css

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

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'/>

2 个答案:

答案 0 :(得分：1)

不确定所有这些：

由于你没有说哪个CSS是错误的，修复它有点复杂，但检查你提供的代码有3个可能或常见的问题可能是你的CSS未加载的原因：

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

    4. 我的意思是第3个可能性：

    <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">

    脚本也是如此，我的意思是引号（"）而不是撇号（'）

    修改

    查看您的网站后，您的课程会有一个大写字母名称，如下所示：

    <div class="Header">

    你的CSS文件是：

    .header {
    background-color: #BFBFBF;
}

    有两种解决方法：

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

      3. 以下是修复它之后的情况：

      enter image description here

答案 1 :(得分：0)

装载得很好。如果您访问您的网站，请打开开发人员工具，然后单击styles.css就可以了。

所以，这不是问题。

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

你有：

.header {...styles...}

但你的HTML是：

<div class="Header">

看起来您在HTML中大写了所有类名，但不是CSS文件。

（我刚注意到Frakcool在我用同样的观察打字的时候编辑了他的答案。给Frakcool提供正确答案！）

相关问题
最新问题