Question

示例：

这是我的简单HTML文档：

<!DOCTYPE html>
<html lang="en">

<head>
</head>

<body>

    <section id="left"> Put an image anywhere in this box.</section>
    <section id="right"> </section>

    <img id="tree" src="file:///home/john/Desktop/javascripts%20basics           /ashtree.jpg">
</body>

<footer>
    <script src="john.js"></script>
    <link href="john.css" text="text/css" rel="stylesheets.css">
</footer>

</html>

这是我简单的CSS文档：

#left {
    float: left;
    width: 250px;
    height: 250px;
    margin: 5px;
    border: 3px solid blue;
}

#right {
    float: left;
    width: 250px;
    height: 250px;
    margin: 5px;
    border: 3px solid green;
}

HTML在我的firefox网络浏览器中加载，但css没有。我也下载了铬，它也可以运行。我检查了很多例子，我认为我做对了。问题是......接下来我在哪里解决这个问题。我不知道从哪里开始，因为我没有受过很好的计算机教育。

Answer 1

你不是在开玩笑。你真的被愚蠢的东西踢了屁股。

看起来你没有正确地链接到你的样式表你需要在<head>部分链接它 - 它不会在页脚中工作。即使您将页脚中的内容移动到<head>，也会导致格式错误。

Take a look at this example：

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

CSS无法加载

1 个答案: