Question

好吧，这是我的问题。我有4个文件。一个是HTML，一个是CSS，一个是我自己的Javascript，一个是最新的jQuery。他们一起组成一个页面。当我从计算机上的文件夹加载HTML文件时，一切正常。然后我将其上传到一个网站：http://mtgchaos.site11.com/，虽然javascript工作正常，但CSS似乎根本就没有。所有文件仍在同一目录中。我做错了什么？

这是我的代码。

<!DOCTYPE html>
<html>
<head>
    <link type="text/css" rel="stylesheet" href="chaos.css"/>
    <script type="text/javascript" src="jquery-1.10.0.min.js"></script>
    <script type="text/javascript" src="Chaos.js"></script>
    <title>MTG Chaos Roller</title>
</head>
<body>
<div class="button">
    <input type="submit" value="Roll Chaos">
    <input type="submit" value="Roll EnchantWorldLand">
    <input type="submit" value="Roll PersonaLand">
    <input type="submit" value="Roll WackyLand">
    <input type="submit" value="Roll DurgsLand">
    <input type="submit" value="Roll PunishmentLand">
</div>
<div class="texmex"></div>
</body>
</html>

CSS：

body {
    background-color: black;
}
.button {
    text-align: center;
}
p {
    color: white;
}

Answer 1

您上传的文件有资本c

试试这个 http://mtgchaos.site11.com/Chaos.css 将代码更改为

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

它会起作用

Answer 2

当您尝试直接访问css文件时，您的服务器会抛出404。这通常意味着缺少服务器上的css文件。将文件重新上传到服务器之前的路径，然后再次查看该页面。

我冒昧地猜测这会解决你的问题。

为什么我的html文件在上传时不再使用我的css文件？

2 个答案: