Question

我正在学习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;
}

样式表保存在文件style.css中与HTML文件相同的目录中，该文件保存在名为index.html的文件中。

Answer 1

感谢大家的帮助，但我刚刚发现了这个问题。文件style.css以DOS格式保存，我以unicode格式保存，现在可以正常工作了！

Answer 2

首先，如果您的doctype是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

小外部CSS文件在IE中工作，但不是Firefox？

2 个答案: