Question

我正在编写一个非常奇怪的网络应用程序问题。基本上，没有任何工作，我不得不不断降低它试图让某些东西工作的复杂程度。我现在遇到的问题是由于某些原因我的CSS不适用。

我把它链接起来了，我确保我使用的ID是正确的，但是它只是不适用于css。下面是代码：

manage.php

<!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>
    <title>Blog Manager</title>
    <link rel='stylsheet' type='text/css' href='manage.css' />
    <script type='text/javascript' src='jquery.js'></script>
    <script type='text/javascript' src='prototype.js'></script>  
    <script type='text/javascript' src='shadowbox-prototype.js'></script>
    <script type='text/javascript' src='shadowbox.js'></script>
    <script type="text/javascript">
    window.onload = Shadowbox.init();
    </script>
  </head>
  <body>
    <center>
    <div id='loginbox'>
      <table>
        <tr>
          <td>Username</td>
          <td><input type='text' name='username' /></td>
        </tr>
        <tr>
          <td>Password</td>
          <td><input type='password' name='password' /></td>
        </tr>
        <tr>
          <td colspan='2'><input type='submit' value='Submit' /></td>
        </tr>
      </table>
    </div>
    </center>
  </body>
</html>

manage.css

#loginbox {
    position: absolute;
    height: 400px;
    width: 400px;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -200px;
    background-color: #999999;
    border: 1px solid #666666;
}

我错过了一些小事吗？我试过firefox和chrome，所以我知道它不是一些奇怪的浏览器问题。

Answer 1

这包含一个拼写错误：

<link rel='stylsheet' type='text/css' href='manage.css' />

将stylsheet更改为stylesheet。

Answer 2

link rel ='stylesheet'记得使用firebug测试你的css并验证你的html

Answer 3

在manage.php的<link>标记中，更改：

<link rel='stylsheet' type='text/css' href='manage.css' />

为：

<link rel='stylesheet' type='text/css' href='manage.css' />

（注意'样式表'中的拼写错误）

CSS甚至不适用

3 个答案: