HTML不加载CSS文件
HTML不加载CSS文件
提问于 2012-02-28 19:08:10
我完全搞不懂为什么这个方法不起作用。由于某种原因，HTML文件似乎无法加载CSS，即使这两个文件位于同一目录中。你知道问题出在哪里吗？
index.html
<!DOCTYPE html>
<html>
<head>
<title>Home Page</title>
<link rel="stylesheet" href="style.css" media="screen" />
<meta name="viewport" content="width=1100">
</head>
<body>
<div id="main"> Hello </div>
</body>
</html>style.css
body{
background-color: #F9F9F9;
background-image: url(images/bg3.png);
background-position: center top;
background-repeat: repeat;
text-shadow: #FFFFFF 0px 1px 0px;
font-family: "Georgia", "Times", serif;
-webkit-font-smoothing: antialiased;
}
a{
text-decoration: none;
}
#main{
margin: 50px auto 50px auto;
width: 1000px;
min-height: 500px;
padding: 0px 20px 0px 20px;
}上面的方法不起作用。不过，在index.html中添加css内联效果很好。
<!DOCTYPE html>
<html>
<head>
<title>Homepage</title>
<style type="text/css" media="screen">
body {
background-color: #F9F9F9;
background-image: url(images/bg3.png);
background-position: center top;
background-repeat: repeat;
text-shadow: #FFFFFF 0px 1px 0px;
font-family: "Georgia", "Times", serif;
-webkit-font-smoothing: antialiased;
}
a {
text-decoration: none;
}
#main {
margin: 50px auto 50px auto;
width: 1000px;
min-height: 500px;
padding: 0px 20px 0px 20px;
}
</style>
<meta name="viewport" content="width=1100">
</head>
<body>
<div id="main"> Hello </div>
</body>
</html>回答 18
Stack Overflow用户
发布于 2012-02-28 19:26:21
检查同一目录中的两个文件，然后尝试以下操作
<link href="style.css" rel="stylesheet" type="text/css"/>Stack Overflow用户
发布于 2012-02-28 19:51:29
正如你所说的，你的两个文件都在同一个目录下。1. index.html和2. style.css
我已经复制了你的代码，并在我的本地机器上运行，它工作正常，没有任何问题。
据我说，您的浏览器没有刷新文件，因此您可以通过在windows for mac + R中按CTRL + F5来刷新/重新加载整个页面。
如果仍然有问题，你可以使用火狐的firebug工具来测试它。
对于IE8和Google Chrome，您可以通过按F12来查看，您的开发工具将弹出，您可以看到超文本标记语言和css。
如果您有任何问题，请发表意见，以便我们能够帮助您。
Stack Overflow用户
发布于 2013-05-20 13:25:34
您必须添加type="text/css"，还可以指定.指定当前目录的href="./style.css"
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9480773
复制相关文章
相似问题