我正在创建一个网页,我开始在顶部使用样式标签:
<!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文件是好的,那么也许你的浏览器有一个旧版本的缓存。你试过清除缓存吗?