我已经从我的计算机测试了我的网站没有任何网络托管和我的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文件所在的目录中。
如果没有,那么而不是像这样链接你的CSS文件 -
“stylesheet.css中”
链接就像这样 -
“name_of_directory / stylesheet.css中”
如果你的css文件在一个目录中,而你的html文件在其他目录中,那么就像这样链接你的css -
"../那么_of_directory/stylesheet.CSS"
你也可以像这样链接你的css文件:
“Qazxswpoi”
要检查的几个项目:1。检查您是否确实上传了CSS。如果你这样做,并且权限是正确的,它是否命名为stylesheet.css,全是小写?如果它在非Windows系统上,它可能会关心套管。 2. CSS与HTML在同一文件夹中吗? 3.向我们提供更多信息,我们可以提供帮助,例如托管类型,HTML文件是否在子文件夹中,等等。如果它在子文件夹中,您的CSS文件路径可能是错误的。
我最近遇到了类似的问题。
我的计算机上的文件被命名为“background.JPG”,我将它与我的CSS文件中的“Background-image:Url(background.jpg)”相关联,这在我的计算机上完全正常,但在000webhosting上却没有。
事实证明,我不得不进入我的文件000webhosting“fileview”,我将链接更改为“Background-image:Url(background.JPG)”
是的......可以这么简单......
当你链接东西时,000webhosting是区分大小写的。
我希望这可以帮到你
我今天遇到了问题,我找到了解决方案。原因是在线服务器无法识别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)。
试着改变
css
成
href="stylesheet.css"