0

我有一个 php 文件，它（目前）不使用任何 php 代码，其中包含将在所有页面中使用的标题和主菜单的代码。CSS 文件没有效果，即使我已经为 h1 创建了一个样式类。显示文本“TEST”，但未应用样式。如何正确包含 CSS 文件？

主菜单.php

<!--This code is included within the <head> of each page, and the stylesheet for the header and main menu are included here-->
<link href="styles/headerMenu.css" ref="stylesheet" type="text/css">

<!--Header and menu code-->
<div>
    <h1>TEST</h1>
</div>

索引.php

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>untitled</title>
    <?php include ('./includes/mainMenu.php') ?>
</head>

<body>
</body>

</html>
4

5 回答 5

1

我认为这可能是因为您的菜单出现在您的<head>标签内。

CSS 需要在<head>and之间，</head>但其余的需要在<body>标签内

于 2012-10-26T10:20:48.453 回答
1 
<link href="styles/headerMenu.css" rel="stylesheet" type="text/css">

这必须在<HEAD></HEAD>

<div>
    <h1>TEST</h1>
</div>

这必须在<BODY></BODY>

您必须将此文件分成 2 个文件，并将它们包含在 Head 和 Body 中。

于 2012-10-26T10:22:25.913 回答
1

未找到 CSS 文件。仔细检查链接并更正它：

<link href="menu.css" rel="stylesheet" type="text/css">
                        ^- REL not REF

此外，为了防止出现其他问题，请删除代码的开始和结束<head>标记<body>。以您输出 HTML 元素的方式，如果保留这些标签，您将创建错误的 HTML。删除它们，您的页面将再次成为有效的 HTML。

索引.php：

<!DOCTYPE html>
<html>    

    <meta charset="utf-8" />
    <title>untitled</title>
    <?php include ('menu.php') ?>    

</html>

有效 HTML 的好处是您可以通过验证器运行它以及早发现错误。

于 2012-10-26T10:24:25.503 回答
0

不要在 HEAD 部分中包含您的 HTML 代码。仅在 HEAD 部分包含 CSS 和 JavaScript 文件。并且您需要在某些 php 文件中为 css 或图像路径添加前缀。
例如
，创建名为“conn_path.php”的新 php 文件

<?php
define('SITE_PATH',$_SERVER['DOCUMENT_ROOT'].'siteName/');
define('SITE_HTTP_PATH','http://localhost/'siteName/');
define('CSS_PATH','http://localhost/siteName/styles/');
define('IMAGE_PATH','http://localhost/siteName/images/');
?>

然后你的路径将如下所示：- mainMenu.php

<?php include "conn_path.php" ?>
<link href="<?php echo CSS_PATH ;?>headerMenu.css" rel="stylesheet" type="text/css">

它将在整个项目中为您提供帮助……</p>

于 2012-10-26T10:53:21.883 回答
0

使用您的基本（和重用）html 创建一个模板文件。还带有<html>,<head>和<body>标签以及所有页面中必须具有的任何内容 - 作为您的样式表和菜单。

然后添加一个带有单个变量的内容部分。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>untitled</title>
    <link href="styles/headerMenu.css" rel="stylesheet" type="text/css">
</head>

<body>
    <!--Header and menu code-->
    <div>
        <h1>TEST</h1>
    </div>

    <?php echo $page_content; ?>
</body>

</html>

这样，任何页面内容都应该被分配$page_content而不是回显。

于 2012-10-26T11:33:00.917 回答