小的外部CSS文件在IE中可用,但不是Firefox?
我正在学习HTML,并希望为我的网站使用外部CSS。 我创建了一个非常基本的站点和样式表,并将它们放在我的硬盘上的相同目录中。 该网站在Firefox和IE中均打开,但Firefox忽略样式表。
谁能告诉我我做错了什么? HTML和样式表如下所示:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" media="all"/>
</head>
<body>
<hr />
<p>This is a website with a style sheet!</p>
</body>
</html>
样式表:
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
样式表保存在与HTML文件相同的目录下的style.css
文件中,该文件保存在名为index.html
的文件中。
感谢大家的帮助,但我刚刚发现了这个问题。 style.css文件保存为DOS格式,我将它保存为unicode格式,现在可以使用!
首先,如果您的文档类型是HTML4而不是XHTML,则不应使用该语法,因此:
<link rel="stylesheet" type="text/css" href="style.css" media="all"/>
应该
<link rel="stylesheet" type="text/css" href="style.css" media="all">
其次,您的CSS文件可能不会以您正在测试的Web服务器以text / css(缺少.css的mime类型声明)的形式提供。 当你在本地打开你的文件时它也会失败吗?
如果这是一个Apache服务器,请上传包含以下内容的.htaccess文件:
AddType text/css .css
链接地址: http://www.djcxy.com/p/30533.html