Fatal编程技术网
  • php/
  • 在PHP文件中包含的PHP文件中包含CSS文件

在PHP文件中包含的PHP文件中包含CSS文件

php html css

在PHP文件中包含的PHP文件中包含CSS文件,php,html,css,Php,Html,Css,我有一个php文件，它（目前）不使用任何php代码，它保存了将在所有页面中使用的标题和主菜单的代码。CSS文件没有效果，即使我已经为h1创建了一个样式类。显示文本“TEST”，但未应用样式。如何正确地包含CSS文件 main menu.php <!--This code is included within the <head> of each page, and the stylesheet for the header and main menu are included

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

main menu.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 include "conn_path.php" ?>
<link href="<?php echo CSS_PATH ;?>headerMenu.css" rel="stylesheet" type="text/css">


试验
index.php

<!DOCTYPE html>
<html>

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

<body>
</body>

</html>


无标题
我想这可能是因为您的
标签中显示了您的菜单

CSS需要介于
和
之间，但其余部分需要在
标记中，我认为这可能是因为您的菜单出现在
标记中

<link href="styles/headerMenu.css" rel="stylesheet" type="text/css">
CSS需要介于
和
之间，但其余的需要在
标记内 
<link href="styles/headerMenu.css" rel="stylesheet" type="text/css">
这必须在


试验
这必须在

您必须将此文件分为两个文件，并将其包含在头部和身体中。
这必须在


试验
这必须在

您必须将此文件分为两个文件，并将它们包含在头部和身体中。

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

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


^-REL not REF
此外，为了防止出现其他问题，请从代码中删除
和
的开始和结束标记。在输出HTML元素的方式中，如果保留这些标记，则会创建错误的HTML。删除它们，您的页面将再次成为有效的HTML

index.php：


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

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

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


^-REL not REF
此外，为了防止出现其他问题，请从代码中删除
和
的开始和结束标记。在输出HTML元素的方式中，如果保留这些标记，则会创建错误的HTML。删除它们，您的页面将再次成为有效的HTML

index.php：


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

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

不要在头部包含HTML代码。仅在HEAD部分包含CSS和JavaScript文件。您需要在某些php文件中为css或图像路径添加前缀。

例如

创建名为“conn_path.php”的新php文件


创建一个模板文件，其中包含基本（并重复使用）html。还有
、
和
标记以及所有页面中必须包含的任何内容–作为样式表和菜单

然后添加一个包含单个变量的内容节


<!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\u content
，而不是回显。
创建一个模板文件，使用基本（并重复使用）html。还有
、
和
标记以及所有页面中必须包含的任何内容–作为样式表和菜单

然后添加一个包含单个变量的内容节


<!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\u content
，而不是回显。
和
样式/headerMenu.css
是相对于
索引.php
？这条路正确吗？您还包括在
head
部分中。您正在将
div
标记推入head标记中，您确定它正在加载CSS吗？在浏览器中选中f12。还要检查css中是否有适用的规则使用浏览器调试器来验证样式表是否已加载-如上所述-这是99%的路径问题您应该为css文件使用绝对路径
/styles/headerMenu.css
你想做什么？如果
mainMenu.php
本身就是一个完整的html文件，那么您如何尝试将其包含在其他html/php文件的头中。请先检查您的用例，
styles/headerMenu.css
与
index.php
相关吗？这条路正确吗？您还包括在
head
部分中。您正在将
div
标记推入head标记中，您确定它正在加载CSS吗？在浏览器中选中f12。还要检查css中是否有适用的规则使用浏览器调试器来验证样式表是否已加载-如上所述-这是99%的路径问题您应该为css文件使用绝对路径
/styles/headerMenu.css
你想做什么？如果
mainMenu.php
本身就是一个完整的html文件，那么您如何尝试将其包含在其他html/php文件的头中。请先检查您的用例…我也这么认为，但后来发现它在头部中。目前，您将link和div都放在头部中，这是您的错误。。head表示样式链接，body表示所有其他html数据。这完全没有问题，浏览器知道
不能出现在
中，并自动将其移动到
中。
已经在
部分中，因此，即使不“正确”，这实际上也是“没有错误”的，不是问题。如果你犯了错误，而不关心他们，那就是错误的编程。。这样的代码不可能有效。。如果你没有有效的代码，你就不知道会发生什么。如果你读了我之前的评论，你就会看到我们在这里分享了很多。我还编辑了我的答案，并进行了一次考试