我正在创建一个网页，我开始在顶部使用样式标签：
<!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文件有什么想法吗
2条答案
按热度按时间qoefvg9y1#
如果你的CSS文件的路径是正确的，有几件事可能已经发生：
;关闭上面的语句，检查一下。lyfkaqu12#
您使用的是区分大小写的文件系统（Linux）吗？
CSS/Styles.css的路径必须完全正确。而且，它是相对于页面和<basepath/>的。请尝试使用绝对URL以排除路径问题。如果你没有路径问题，那么你可能不小心在CSS文件的某个地方打错了，导致你的规则被遗漏。
如果你的CSS文件是好的，那么也许你的浏览器有一个旧版本的缓存。你试过清除缓存吗？