我完全搞不懂为什么这个方法不起作用。由于某种原因,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>
发布于 2012-02-28 19:26:21
检查同一目录中的两个文件,然后尝试以下操作
<link href="style.css" rel="stylesheet" type="text/css"/>
发布于 2012-02-28 19:51:29
正如你所说的,你的两个文件都在同一个目录下。1. index.html和2. style.css
我已经复制了你的代码,并在我的本地机器上运行,它工作正常,没有任何问题。
据我说,您的浏览器没有刷新文件,因此您可以通过在windows for mac + R中按CTRL + F5来刷新/重新加载整个页面。
如果仍然有问题,你可以使用火狐的firebug工具来测试它。
对于IE8和Google Chrome,您可以通过按F12来查看,您的开发工具将弹出,您可以看到超文本标记语言和css。
如果您有任何问题,请发表意见,以便我们能够帮助您。
发布于 2013-05-20 13:25:34
您必须添加type="text/css"
,还可以指定.
指定当前目录的href="./style.css"
https://stackoverflow.com/questions/9480773
复制相似问题