Question

我有一个由几个PHP页面和一些CSS样式表组成的基本网页。其中一个样式表是style_common.css，网站上的所有页面都使用它来提供恒定的主题。我对这个文件有点麻烦。我目前只有2个PHP页面引用了这个常见的CSS文件。

主页（index.php）引用CSS文件，样式表将其设置为您期望的样式。我复制了index.php的全部内容并将其粘贴到第二个PHP文件中，然后更改了一些小的细节，例如标题标题。但是，这个新页面并没有链接到CSS样式表。

我的代码如下：

style_common.css ：

body {
    background-color: #32BEED;
}
.header {
    text-align: center;
    padding: 0px;
}

的index.php：

<!DOCTYPE HTML>
<html>
<head>
    <title>324 SQN Canteen Manager</title>
    <link type="text/css" rel="stylesheet" href="style_index.css"/>
    <link type="text/css" rel="stylesheet" href="style_common.css"/>
</head> 
<body>
<div class="header">
    <img src="images/logo.png" class="aafclogo">
    <h3> Canteen Manager</h3>
    <h6>Designed by Me</h6>
</div>
<div class="buttonContainer">
    <a href="addstock.php"><div class="button">
        <p>Add Stock</p>
    </div></a>

    <a href="sellitems.php"><div class="button">
        <p>Sell Items</p>
    </div></a>

    <a href="recordstocktake.php"><div class="button">
        <p>Record Stocktake</p>
    </div></a>
</div>

我从 index.php 复制的第二页，并更改了一些小字段：

<!DOCTYPE HTML>
<html>
<head>
    <title>324 SQN Canteen Manager</title>
    <link type="text/css" rel="stylesheet" href="style_index.css"/>
    <link type="text/css" rel="stylesheet" href="style_addstock.css"/>
</head> 
<body>
<div class="header">
    <img src="images/aafclogo.png" class="aafclogo">
    <h3>Add Stock</h3>
</div>
<div class="buttonContainer">
    <a href="index.php"><div class="button">
        <p>Home</p>
    </div></a>
</div>

举一个例子，第二页的背景颜色是白色，而不是CSS文件中指定的颜色。

我哪里错了？感谢。

Answer 1

您遇到问题是因为您从未联系过

style_common.css

到第二页。相反，你有

<link type="text/css" rel="stylesheet" href="style_index.css"/>
<link type="text/css" rel="stylesheet" href="style_addstock.css"/>

<强> FIX：添加

   <link type="text/css" rel="stylesheet" href="style_common.css"/>

到第二页。

HTML / PHP和CSS页面没有链接

1 个答案: