0

我正在创建一个网页，并开始使用顶部的样式标签：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Front Page</title>
    <link rel="stylesheet" type="text/css" href="CSS/Styles.css" /> 

    <style type="text/css">
    </style>
</head>
<body>
</body>
</html>

我希望我所有的图形设计都在我的 Styles.css 中，但由于某种原因，它不起作用。当我添加类似：

div.box {
        margin:0 auto;
        width:500px;
        background:#222;
        position:relative;
        left: 50px;
        top: -200px;
        height: 100%;
        border:1px solid #262626;
        padding: 0 5px 5px 0;
    }

要设计此元素：

<div class="box"></div>

当我将它放在文档上方的标签中时它可以工作，但如果我将它放在 CSS 文件中则不行。以前这不是问题，但现在我一直在将所有内容添加到样式标签中，并且它变得非常长（150 行！）。我想将它全部移动到 css 文件中，这样我的主页就可以滚动浏览了。但我不明白为什么如果放在 CSS 文件中，图形更改将不适用。有任何想法吗？

4

2 回答 2

1

如果您的 CSS 文件的路径正常，则可能发生了几件事：

  • 您可能只需要清除缓存。CTRL+F5通常可以解决问题。来到您网站的新用户不需要这样做。
  • 您可能有错字，或者忘记用 关闭上面的语句;，请检查。
  • 这可能是一个特殊性问题，即另一个更具体的规则是覆盖您的规则。在这里阅读。
于 2012-09-28T19:25:45.690 回答
0

您在区分大小写的文件系统 (Linux) 上吗？您的路径CSS/Styles.css必须完全正确。此外，它是相对于页面和<basepath/>. 尝试使用绝对 URL 来排除路径问题。

如果您没有路径问题，那么您可能不小心在某处的 CSS 文件中输入了拼写错误，从而导致您的规则被遗漏。

如果您的 CSS 文件很好，那么您的浏览器可能缓存了旧版本。您是否尝试过清除缓存？

于 2012-09-28T19:16:28.433 回答