仅在使用 PHP 'header' 时，如何合并与一页相关的内联 CSS 样式和样式表？答案

【问题标题】：How can I incorporate inline CSS styles and stylesheets relating to one page only when using the PHP 'header'?仅在使用 PHP 'header' 时，如何合并与一页相关的内联 CSS 样式和样式表？
【发布时间】：2013-07-18 22:02:29
【问题描述】：

我有一个“header.php”文件，我正在使用以下代码将它合并到我的 html 页面中：

<?php /*
            $pageTitle = "Home";
            $section = "Home";
            include('inc/header.php');
            ?>

PHP 头文件包含许多 CSS 样式表。其中一些 CSS 样式表我只想包含在一个页面上 - 例如我只想在“index.php”页面上包含“index.css”。当我在网站的每个页面中使用相同的“header.php”文件时，如何包含这些样式表？

有没有办法在各个页面本身而不是在头文件中指定这些样式？如果是这样，这些样式是否可以放在另一个元素中，即使该元素已经在头文件中使用过（打开和关闭）？

这是我的“header.php”文件的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;">
    <title><?php echo $pageTitle ?> || Young Academy </title>

    <meta name="description" content="Based in Pinner in North-West London, the Young Academy has been creating the highest standard of musical and dramatic education for 30 years.">
    <meta name="keywords" content="Piano, Flute, Music Theory, Singing, Violin, Concerts, Pinner, Middlesex, Harrow, Teacher">
    <meta name="author" content="Barbara Young">


    <!--Stylesheets!-->

    <link rel="stylesheet" type="text/css" media="all" href="css/reset.css"/>
    <link rel="stylesheet" type="text/css" media="all" href="css/text.css" />
    <link rel="stylesheet" type="text/css" media="all" href="css/960_16_col.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" media="screen" href="css/contact.css"/>


    <!--Google fonts!-->

    <link rel="stylesheet" type="text/css" media="all" href="http://fonts.googleapis.com/css?family=Quicksand:400,700">
    <link href='http://fonts.googleapis.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Karla:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,500,500italic,400italic' rel='stylesheet' type='text/css'>
    **<link rel="stylesheet" type="text/css" media="screen" href="css/index.css"/>
    <link rel="stylesheet" type="text/css" media="screen" href="css/bgaudioplayer.css"/>**
    <!--Meta tags!-->

    <meta name="author" content="Robert Young" />
    <meta name="copyright" content="2013 by Robert Young" />
    <meta name="keywords" content="Music lessons, Pinner, music tuition, piano lessons, speech and drama, London" />
    <meta name="description" content="Site of the Young Academy, a private music tuition business based in Pinner" />


<script src="../js/modernizr.custom.63826.js"></script>
<script src="../js/html5shiv.js"></script>


</head>

<body>

    <div class="header">

        <div class="container_16 clearfix">
            <ul class="nav grid_16 alpha">
                <li><a class="<?php if ($section == "Home") {echo "here"; } ?>" href="index.php" accesskey="1"> Home </a></li>
                <li><a class="<?php if ($section == "About Us") {echo "here"; } ?>" href="about_us.php" accesskey="2"> About </a></li>
                <li><a class="<?php if ($section == "What We Do") {echo "here"; } ?>" href="what_we_do.php" accesskey="3"> What We Do </a></li>
                <li><a class="<?php if ($section == "Enrolement") {echo "here" ; } ?>" href="enrolement.php" accesskey="4"> Enrolement </a></li>
                <li><a class="<?php if ($section == "Contact Us") {echo "here" ; } ?>" href="contact.php" accesskey="5"> Contact Us </a></li>
                <!--<li><a href="http://youngacademyblog.blogspot.co.uk/" accesskey="6"> Blog </a></li>-->
            </ul>


            <div id="logo">
                <a href="index.php"><img src="img/Logo original.gif" alt="The Young Academy"/></a>
            </div>
            <div class = "grid_4 alpha">

            <div class="telephone grid_4 alpha">
                <img src="img/phone_icon_white.png" alt="small telephone logo" class="align-left small" />
                <p> +44 (0)20 8866 3813 </P>
            </div>
            <div class="timezone">

                    <p><?php
                    date_default_timezone_set('Europe/London');
                    mktime(0,0,0,1,1,1970);
                    echo date('l, d F Y'); 
                    ?> </p>

                    <!--<form action="http://www.example.com/login.php">
                        <p>

                            <input type="text name=search" size="20+" id="search" value="Search this site"
                        </p>
                    </form>!-->



            </div>

        </div>


                <ul class="secondmenu grid_6 push_3">

                    <li><a class="<?php if ($section == "Musical Glossary") {echo "here" ; } ?>" href="glossary.php">Musical Glossary </a></li>
                    <li><a class="<?php if ($section == "FAQ") {echo "here" ; } ?>" href="faq.php">FAQ</a></li>

                <ul>






    </div>

我只想在 index.php 页面上包含粗体样式表。我可以像这样包含它们吗：

<?php 

            include('inc/header.php');
            ?>


<head>
            <link rel="stylesheet" type="text/css" media="screen" href="css/index.css"/>
            <link rel="stylesheet" type="text/css" media="screen" href="css/bgaudioplayer.css"/>

</head>






                    <article class="content">

                        <p class="grid_9 alpha"><i>Outstanding vocal and instrumental tuition.</i></p>

                    </article>

                    <article class="second-content">

                    <p class="grid_6 alpha omega">Develop a passion for music.</p>

                    </article>

                    <article class="third-content">

                    <p class="grid_5 alpha omega">Become a virtuoso.</p>

                    </article>

等等

任何帮助将不胜感激！

谢谢，

罗伯特。

【问题讨论】：

这应该是说：'这些样式可以放在另一个头部元素中'

标签： php css header-files head

【解决方案1】：

我刚刚尝试了上面的代码，它恰好可以工作！您可以在 header.php 文件和主 (index.php) 站点文件中包含 head 标签。

干杯！

【讨论】：

【解决方案2】：

长话短说，您需要某种路由器。但是看看你的代码，你似乎对面向对象编程没有牢牢把握。你可以做的是查看带有$_SERVER['REQUEST_URI'] 的URI，如果字符串是/about 然后加载about-stylesheet.css 的资源。

【讨论】：

user2191622 答案就是我所指的。

【解决方案3】：

您可以使用 if else 语句来执行此操作，该语句替换指向您的 CSS 的链接并引用您为要为其拉入 CSS 的页面发送的唯一变量：

  <link rel="stylesheet" type="text/css" media="screen" href="

<?php
if ($pageTitle == "Home") {

echo "css/index.css";


else ($pageTitle == "SomeOtherTitle") {

echo "css/relativelnk.css";
}

?>
   "/>

【讨论】：