代码之家 › 专栏 › 技术社区 › penguru

doctype css问题

doctype css html

2

penguru · 技术社区 · 15 年前

当我添加

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

在HTML文件的顶部,我的CSS规则将消失在Firefox中。我也看不到他们和萤火虫。

你知道这个问题吗?

3 回复 | 直到 11 年前

1

3

RoToRa 15 年前

确保服务器以正确的mime类型发送文件( text/css )查看错误控制台(IIRC菜单应为英文版的工具/错误控制台)。

通常,如果文件以 .css ,这应该是自动发生的,但是周围仍然有配置错误的服务器。如果您使用的是Apache Web服务器,则可以使用 .htaccess 文件,否则您需要请求您的支持。

细节: https://developer.mozilla.org/en/incorrect_mime_type_for_css_files

2

Benny Skogberg 15 年前

您需要将属性添加到起始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文件放在网站的根目录中。

3

-1

Ravi Chauhan 11 年前

请检查一下

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>