style.css 不适用于我网站的虚拟主机预览,但它适用于本地 "offline" HTML-文件
style.css doesn't work on preview of webhoster for my website but it works in local "offline" HTML-file
我目前正在开发自己的网站。所以我用 style.css 编码了一些 HTML 。离线测试 - 一切都按预期工作,但是当我将它上传到我的网站托管商并预览我的网站时,只有原始 html 可见,而 style.css
没有任何内容
我已经检查了路径并用对我来说正确的路径(从网络服务器的根目录)覆盖了它 - 它改变了一点但仍然远离正确的外观。
我的头index.html(我唯一的一页)
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title> test </title>
<link rel="icon" href="img/fav.png" type="image/x-icon">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="ionicons/css/ionicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!-- main css -->
<link href="httpdocs/css/style.css" rel="stylesheet">
<!-- modernizr -->
<script src="js/modernizr.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
以及我的路径:
https://i.imgur.com/0YNkUrJ.png
结果只描述了一些 html 文本,但没有描述 style.css
的样子
您应该使用 httpdocs
中的相对路径。
因此将 httpdocs/css/style.css
更改为 ./css/style.css
。
我目前正在开发自己的网站。所以我用 style.css 编码了一些 HTML 。离线测试 - 一切都按预期工作,但是当我将它上传到我的网站托管商并预览我的网站时,只有原始 html 可见,而 style.css
没有任何内容我已经检查了路径并用对我来说正确的路径(从网络服务器的根目录)覆盖了它 - 它改变了一点但仍然远离正确的外观。
我的头index.html(我唯一的一页)
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title> test </title>
<link rel="icon" href="img/fav.png" type="image/x-icon">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="ionicons/css/ionicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!-- main css -->
<link href="httpdocs/css/style.css" rel="stylesheet">
<!-- modernizr -->
<script src="js/modernizr.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
以及我的路径:
https://i.imgur.com/0YNkUrJ.png
结果只描述了一些 html 文本,但没有描述 style.css
的样子您应该使用 httpdocs
中的相对路径。
因此将 httpdocs/css/style.css
更改为 ./css/style.css
。