Question

我已经从我的计算机上测试了我的网站，没有任何网络托管，我的html文档和css文档完美链接。但是，当我决定在000webhost上在线试用时，我上传了两个文件，并确保目录是正确的，但html文档最终没有任何风格。有人可以帮助我，我是这个东西的新手。

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>BandRate</title>
    </head>
<body class="page">
    <div class="title">
        <div id="title">
            <span class="capital_letter">B</span>and<span class="capital_letter">R</span>ate
        </div>
        <a href="test.html" id="SignUp">Band Sign Up</a>
    </div>
</body>
</html>

CSS：

.page {
    background-color:#FF0000;
}
.title {
    position:relative;
    top:0px;
    left:0px;
    width:100%; 
    height:75px; 
    background-color:#800000;
}
#title {
    font-family:broadway;
    font-size:60px;
    color:#FF0000;
    position:absolute;
    left:5px;
    top:0px;
}
#SignUp {
    position:absolute;
    background-color:#690404;
    right:0px;
    top:0px;
    padding-right:10px;
    padding-left:10px;
    font-family:broadway;
    font-size:20px;
    color:#ff0000;
    padding-top:26px;
    padding-bottom:26px;
    text-decoration:none;
}
#SignUp:hover {
    background-color:#540303;
}   
.capital_letter {
    color:white;
}

Answer 1

检查您的html文件是否与css文件所在的目录相同。

如果没有，那么而不是像这样链接你的css文件 -

“stylesheet.css中”

像这样链接 -

“name_of_directory / stylesheet.css中”

如果你的css文件在一个目录中并且你的html文件在其他目录中，那么就像这样链接你的css -

“../ name_of_directory / stylesheet.css中”

你也可以像这样链接你的css文件：

“http://your_website.com/name_of_directory/stylesheet.css”

Answer 2

要检查的几件事： 1.检查您是否确实上传了CSS。如果你这样做，并且权限是正确的，它是否命名为stylesheet.css，全是小写？如果它在非Windows系统上，它可能会关心套管。 2. CSS与HTML在同一文件夹中吗？ 3.向我们提供更多信息，我们可以提供帮助，例如托管类型，HTML文件是否在子文件夹中，等等。如果它在子文件夹中，那么您的CSS文件路径可能是错误的。

Answer 3

我最近有一个类似的问题。

我在计算机上的文件名为“ background.JPG”，我在CSS文件中将其与“背景图像：Url（background.jpg）”链接在一起，该文件在我的计算机上工作得很好，但在000webhosting上却不能。

事实证明，我不得不进入000webhosting“文件视图”中的文件，在其中将链接更改为“背景图像：Url（background.JPG）”

是的...就这么简单...

000链接时，虚拟主机区分大小写。

我希望这会有所帮助

Answer 4

我今天遇到了问题，找到了解决方案。原因是在线服务器无法识别您的html文件中的路径。

例如，我使用Linux apache2工具托管我的网站。默认网站文件夹为 / var / www / html /

假设您将子页面存储在 /var/www/html/error-404/404.html 和 /var/www/html/error-404/style.css 。显然，css文件和html文件位于同一文件夹中。您可能将路径写为 href =“ sytle.css ”。但是，服务器找不到css路径。

正确的路径是 href =“ / error-404 / css / style.css” 。路径应从您网站的文档根目录开始（我的情况是：根路径为 / var / www / html ）。

Answer 5

尝试改变

href="stylesheet.css"

进入

href=//Put the full path to css file

网站在线上传时，CSS文件无法链接到HTML文件

5 个答案: