小的外部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

上一篇: Small external CSS file works in IE but not firefox?

下一篇: mode publishing Agenda