Question

一个荒谬简单的网络编码对我来说无法奏效，而对于我的生活，我无法弄清楚我做错了什么。

这是我的HTML文件：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Experiment</title>
    <link rel="stylesheet/css" type="text/css" href="/team/css/style.css">
</head>

<body>
    <div id="user_box">
       <p>Hi.  Whassup?</p>
    </div>
</body>
</html>

这是它链接到的CSS文件：

#user_box {
    position: fixed; 
    left: 10px; 
    top: 10px; 
    padding: 5px;
    z-index: 100; 
    height: 40em; 
    width: 16em;
    background-color: white;
    border: solid black;
}

它不起作用。完全忽略CSS格式。但是，当我将#user_box的内容复制到style=标记时，它的工作方式与我认为应该完全相同。

我确认CSS文件应该在哪里，浏览器可以看到它;当我查看源代码时，我可以单击该链接，并且下载得很好。

我怀疑我错过了一些明显/愚蠢的东西，但我没有弄清楚它是什么。求求你，指出我的愚蠢，并获得一个闪亮的闪亮复选标记。

Answer 1

样式表的正确rel只是stylesheet，而不是stylesheet/css。删除/css，一切都应该没问题。

Answer 2

尝试删除rel="stylesheet/css"。

Answer 3

将标记更改为：

rel="stylesheet"

即。

<link rel="stylesheet" type="text/css" href="/team/css/style.css">

确保team是 web 目录中的根文件夹，并且其子目录为css且文件为style.css

被忽略的CSS文件困惑

3 个答案: