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

doctype css问题

  •  2
  • penguru  · 技术社区  · 14 年前

    当我添加

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

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

    你知道这个问题吗?

    3 回复  |  直到 10 年前
        1
  •  3
  •   RoToRa    14 年前

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

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

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

        2
  •  2
  •   Benny Skogberg    14 年前

    您需要将属性添加到起始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    10 年前

    请检查一下

    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>