上传我的CSS文件时未读取。仅某些部分没有样式。如果我在Google Chrome中打开开发人员标签,则只有一半的CSS代码会显示出来。为什么我的网站是选择性的,而不是选择所有代码?
在Chrome中打开开发人员标签,我只会看到以下内容:
body {
background-color: #A9A9A9
}
.ob {
display: block;
}
#gamebox {
position: static;
width: 99.6%;
height: 600px;
display: flex; /* using a flexbox here */
justify-content: center;
align-items: center;
}
如您所见,有些物品丢失了...
我使用以下代码制作了一个非常基本的子目录页面:
body {
background-color: #A9A9A9
}
.ob {
display: block;
}
#gamebox {
display: table;
margin: 0 auto;
}
#title {
color: grey;
letter-spacing: 2px;
text-shadow: 3px 2px black;
font-size: 2em;
}
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="webnamecurveball.css">
<title>
Website name - Curveball
</title>
</head>
<body style="background-color: #A9A9A9">
<h3 id="title" style="text-align: center"> Curveball </h3>
<div id="gamebox">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="550" height="400">
<param name=movie value="curve-ball.swf">
<param name=quality value=high>
<param name="menu" value="false">
<embed src="curve-ball.swf" quality=high menu="false"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="550" height="400"> </embed></object>
</div>
</body>
我希望在页面顶部看到带有阴影的灰色标题。当我在本地打开文件时,它就是这样显示的。但是,在网站上标题是痛苦的文字。
答案 0 :(得分:1)
我现在有这个问题的答案。问题与上面的Wayne解释的积极缓存有关。最好的解决方案是每次发布更新时都发布一个新的CSS文件。例如。从 webnamecurveball.css 中,我可以更新css文件并将其重命名为 webnamecurveballUPDATE1.css
这对我有用。实际上,我已经编辑了旧文件并使用另存为将其重命名。重要的是要确保html文件考虑了此新更新,否则相应的页面将保持不变。
答案 1 :(得分:0)
请确保您的CSS路径正确,或者如果将样式放在样式标签中,请检查样式是否会出现。 还要尝试使用类而不是ID来样式化CSS中的HTML元素。