Question

当我添加

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

排到我的html文件的顶部，我的css规则在firefox中消失了。我也不能用萤火虫看到它们。

你对这个问题有什么看法吗？

Answer 1

确保服务器使用正确的MIME类型（text/css）发送文件。看看错误控制台（IIRC菜单应该是英文版的工具/错误控制台）。

通常，如果文件以.css结尾，这应该会自动发生，但是仍然存在配置错误的服务器。如果您使用的是Apache Web服务器，则可以使用.htaccess文件更正此问题，否则您需要咨询您的支持。

详细信息：https://developer.mozilla.org/en/incorrect_mime_type_for_css_files

Answer 2

您需要在start-html标记中添加属性才能使其正确。这是因为XHTML确实是XML。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    ...
    </body>
</html>

上面的代码建议您将style.css文件放在网站的根目录中。

Answer 3

请检查

http://www.w3schools.com/tags/tag_doctype.asp

我认为您对doctype有更多了解

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
padding:0;
margin:0;
height:100%;
}
#wrap {
background:red;
height:100%;
overflow:hidden;
}
#right {
background:blue;
float:left;
width:30%;
height:100%;
}
#left {
background:yellow;
float:left;
width:70%;
height:100%;
}
</style>
</head>
<body>
<div id="wrap">
<div id="left"> Content </div>
<div id="right"> Side Content </div>
</div>
</body>
</html>

DOCTYPE CSS问题

3 个答案: