gpt4 book ai didi

html - CSS 内部样式表与外部样式表

转载 作者:太空宇宙 更新时间:2023-11-04 15:37:06 26 4
gpt4 key购买 nike

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

<!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 文件中就不会应用。有什么想法吗?

最佳答案

如果您的 CSS 文件路径没有问题,则可能发生了以下几件事:

  • 您可能只需要清除缓存。 CTRL+F5 通常可以解决问题。访问您网站的新用户不需要这样做。
  • 您可能有错字,或者忘记用 ; 结束上面的语句,检查一下。
  • 这可能是一个特殊性问题,即另一个更具体的规则会覆盖您的规则。 <强> Read about it here .

关于html - CSS 内部样式表与外部样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12646001/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com