当我将CSS文件上传到我的网站时,该网站将忽略我的h3标签的所有样式选项

时间:2019-05-18 23:13:09

标签: html css web

上传我的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>

我希望在页面顶部看到带有阴影的灰色标题。当我在本地打开文件时,它就是这样显示的。但是,在网站上标题是痛苦的文字。

2 个答案:

答案 0 :(得分:1)

我现在有这个问题的答案。问题与上面的Wayne解释的积极缓存有关。最好的解决方案是每次发布更新时都发布一个新的CSS文件。例如。从 webnamecurveball.css 中,我可以更新css文件并将其重命名为 webnamecurveballUPDATE1.css

这对我有用。实际上,我已经编辑了旧文件并使用另存为将其重命名。重要的是要确保html文件考虑了此新更新,否则相应的页面将保持不变。

答案 1 :(得分:0)

请确保您的CSS路径正确,或者如果将样式放在样式标签中,请检查样式是否会出现。 还要尝试使用类而不是ID来样式化CSS中的HTML元素。