2

我已经在没有任何网络托管的情况下从我的计算机上测试了我的网站,并且我的 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;
}
4

5 回答 5

1

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

如果不是,那么不要像这样链接你的css文件 -

“样式表.css”

像这样链接它 -

“name_of_directory/stylesheet.css”

如果您的 css 文件在一个目录中,而您的 html 文件在其他目录中,则像这样链接您的 css -

“../name_of_directory/stylesheet.css”

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

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

于 2013-07-07T04:17:41.923 回答
0

需要检查的几项: 1. 检查您是否确实上传了 CSS。如果你这样做了,并且权限是正确的,它是否命名为 stylesheet.css,全部小写?如果它在非 Windows 系统上,它可能会关心大小写。2. CSS 和 HTML 是否在同一个文件夹中?3. 提供更多信息,我们可以提供帮助,例如托管类型、HTML 文件是否在子文件夹中等等。如果它位于子文件夹中,则您的 CSS 文件路径可能是错误的。

于 2013-07-07T01:12:36.847 回答
0

我今天遇到了这个问题,我找到了解决方案。原因是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)。

于 2019-03-27T06:20:32.950 回答
0

我最近遇到了类似的问题。

我计算机上的文件被命名为“background.JPG”,我在我的 CSS 文档中将它与“Background-image: Url(background.jpg)”链接起来,它在我的计算机上完全正常,但在 000webhosting 上却不行。

事实证明,我必须进入 000webhosting“fileview”中的文件,在其中将链接更改为“Background-image: Url(background.JPG)”

是的……可以这么简单……

链接内容时,000webhosting 区分大小写。

我希望这可以帮到你

于 2018-12-28T02:16:39.693 回答
-1

尝试改变

href="stylesheet.css"

进入

href=//Put the full path to css file
于 2013-07-07T01:08:53.937 回答