CSS仅在一个页面上工作，但在另一个页面上不起作用

Question

我第一次为自己（为我的珠宝业务:)制作了一个网站。我无法弄清楚为什么css应用在一个页面而不是另一个页面上，获取css的代码在两个html文件中都是相同的<link rel="stylesheet" href="shizoid.css">并且它们共享相同的css文件。

http://imgur.com/UP3Liae http://imgur.com/aaGZEa1

你可以在上面的照片中看到，例如，在html中是标签：     <h1>Extravagant, Unique, Handmade Jewelry and Crafts</h1> 在css中，它的适度是：

h1 {
        background-color: #a018ba;
        border-radius: 15px;
        font-family: Garamond;
        font-size: 40px;
        text-align: center;
        margin-bottom: 0px;
    }

在一个页面上这是有效的，而另一页则不是。就像昨天的情况一样，之前还可以。我尝试在Firefox和Chrome以及两台不同的计算机上查看它。我正在寻找，但我看不到，请帮忙。 ：）

Answer 1

我发现通常最好将边框和背景等样式应用于div，然后将h1放入其中。例如，您的CSS看起来像：

#title-box { width: 800px; margin: 0 auto; background-color: #a018ba; border-radius: 15px;  text-align: center; }
h1 { font-family: Garamond; font-size: 40px; }

您的HTML看起来像：

<div id="title-box"><h1>Extravagant, Unique, Handmade Jewelry and Crafts</h1></div>

根据您发布的照片​​，我认为您的代码中可能存在其他错误，例如没有相应的错误会导致CSS无法应用。

Answer 2

如果没有关于您网站的更多信息，很难确定实际问题，我的第一个猜测是您的第二个网页位于一个文件夹中而您还没有更新您的CSS。

<link rel="stylesheet" href="../shizoid.css">

如果您的网页位于其他文件夹中，则可以使用此href访问上一个目录。

Answer 3

你的想法出了点问题。这不是css相关的问题。     你的图像是不同的。您可以看到只需拖动每个图像并在浏览器中移动每个图像。您可以看到每个图像都有差异。您的整个网站只是一个图像。没有像你在整个HTML代码中提到<h1>Extravagant, Unique, Handmade Jewelry and Crafts</h1>这样的标签。我发布了一张图片，检查它是将其保存在本地驱动器中，还是将每个图像拖放到新标签浏览器中。

希望得到答案。

Answer 4

我将css（如果它位于站点范围内）放置在根文件夹中名为css的文件夹中。然后，您可以像这样简单地调用脚本：

<link rel="stylesheet" href="/css/shizoid.css">

从任何页面...

首字母'/'使您回到网站的根。

谢谢杰森。