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

问题描述 投票:2回答:5

我已经从我的计算机测试了我的网站没有任何网络托管和我的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;
}
html css
5个回答
1
投票

检查你的html文件是否在css文件所在的目录中。

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

“stylesheet.css中”

链接就像这样 -

“name_of_directory / stylesheet.css中”

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

"../那么_of_directory/stylesheet.CSS"

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

“Qazxswpoi”


0
投票

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


0
投票

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

我的计算机上的文件被命名为“background.JPG”,我将它与我的CSS文件中的“Background-image:Url(background.jpg)”相关联,这在我的计算机上完全正常,但在000webhosting上却没有。

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

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

当你链接东西时,000webhosting是区分大小写的。

我希望这可以帮到你


0
投票

我今天遇到了问题,我找到了解决方案。原因是在线服务器无法识别http://your_website.com/name_of_directory/stylesheet.css文件中的路径。

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

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

正确的路径是href =“/ error-404 / css / style.css”。路径应该从您网站的文档根开始(我的情况:根路径是/ var / www / html)。


-1
投票

试着改变

css

href="stylesheet.css"
© www.soinside.com 2019 - 2024. All rights reserved.