html 5中的div不能从css3文件中显示
html 5中的div不能从css3文件中显示
提问于 2011-10-11 04:54:42
我正在使用HTML5和一个外部css3样式表创建一个网页。
我已经创建了一个div来显示一个圆角框。当css div代码在html文档中时，它显示得很好。但是，一旦我将它转移到css3样式表中，这个框就消失了。我已经寻找了几个小时的答案，但找不出哪里出了问题。
这是我的html代码。
<style type="text/css">
div
{
border:8px solid #000000;
padding:10px 10px;
background:#ffffff;
width:500px;
margin: auto;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
</style>
</head>
<body>
<div><h1>WELCOME TO THE WEBSITE</h1></div>但一旦我移动了这部分
div
{
border:8px solid #000000;
padding:10px 10px;
background:#ffffff;
width:500px;
margin: auto;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}转到我的css文件，并从html文件中删除。
div框将消失。css文件中定义的所有其他元素都正确显示，因此我知道该文件已链接。我只是不知道为什么这个div不能显示。
谢谢你的回复。完整的css代码是
body
{
background-image:url(roses.png);
background-repeat:repeat top;
background-colour:#ffffff;
background-attachment:scroll;
}
h1
{
text-shadow: 2px 2px 2px #efefef;
}
div
{
border:8px solid #000000;
padding:10px 10px;
background:#ffffff;
width:500px;
margin: auto;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
#para1
{
text-align:center;
color:red;
}回答 2
Stack Overflow用户
发布于 2011-10-11 05:00:30
考虑到您在问题中提到的所有内容，在我看来，浏览器似乎正在缓存旧版本的样式表。
检查Firebug，看看它认为样式表中有什么。
尝试将样式表的URL直接加载到它自己的浏览器窗口中，必要时刷新它，并检查新代码是否到位。
我能想到的唯一的另一种可能性是，在样式表代码的末尾有某种类型的错误，这阻止了浏览器解析它之后的样式。
这是可能的，但我不能验证它，除非看到您的整个CSS代码。
Stack Overflow用户
发布于 2011-10-13 01:51:17
我已经给div起了单独的名字，现在在css文件中看起来一切都很正常。快乐的日子:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7718562
复制相关文章
相似问题
腾讯云开发者
