php 如何包含访问 css 文件

Question

我最近问了一个关于我的 php 包含的问题并收到了答案。现在 include 访问了正确的文件，我的 html/css/javascript 网页显示出一些希望。唯一的问题是 php 包含的页面看起来像这样：

而不是这个：

有没有办法让 php 包含访问 css 文件？我当前包含包含的页面的代码是：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" type="text/css" />
<script type="text/javascript" src="main.js"></script>
<title> Water Polo, The Best Sport</title>
</head>
<body>
<div class="wrapper">
<?php
include'../includes/header.php';
?>
<?php
include'../includes/navbar.php';
?>
<div class= "content">
</div>
<?php
include'../includes/footer.php';
?>
</div>
</body>
</html>

Header.php

<?php echo'<div class ="header">
<h1>The Best Sport</h1>
<h1 class="sitetitle">AllWaterPolo</h1>
<img src ="img/51wmckj8p1l__sx300__1.png" class="wpball" alt="Water Polo Ball" />
<h2 class="homeScreenLink"> <a href ="index.html">Water Polo!</a></h2></div>';>

为了开发我目前正在使用 MAMP 的网站，运行将代码放在 htdocs 中的文件夹中。

我从 php 包含中取出 header 并使 css 文件与文档一起使用，但有一件事保持不变。我通过 php 包含在文档中的代码不具有 css 文档的效果，但是 header，现在不在包含中，而是写在文件作品。有没有办法允许通过 php 包含的代码访问工作的 css 文件？如果方便回答过程，我会 post 任何必要的图片。请在下方评论。

Answer 1

您已正确识别问题，HTML 找不到 CSS。那是直接因为这个标签：

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

具体来说，这部分标签：

href="styles.css"

您已经告诉您的代码在与 index.php 文件相同的目录中查找 styles.css 文件。对吗？

通常，网站结构如下所示：

public_html
    - css
    - js
    - includes
    - img

您的网站结构似乎是这样的：

includes
public_html

想象一下自己在 index.php 文件中。所有被包含的文件都成为 index.php 的一部分，就好像它们原来就在那里一样。因此，您希望在此处找到 CSS 文件（根据您的 <link rel="stylesheet" 标记）：

public_html/style.css

如果它们确实在 CSS 文件夹中，那么也许这会解决问题：

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

更新：

不需要 echo 在 PHP 中输出你的 HTML，你可以直接这样做：

header.php

<div class ="header">
    <h1>The Best Sport</h1>
    <h1 class="sitetitle">AllWaterPolo</h1>
    <img src ="img/51wmckj8p1l__sx300__1.png" class="wpball" alt="Water Polo Ball" />
    <h2 class="homeScreenLink"> <a href ="index.html">Water Polo!</a></h2>
</div>

如果其他包含文件相似，那么您的渲染文件似乎都是 HTML。因此，下一步就是：你的风格在哪里sheet？试试这个。在浏览器的 address bar 中输入：

localhost/styles.css

看看你的风格sheet是否出现。如果没有，试试这个：

localhost/css/styles.css

如果第二个有效，则更改此：

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

对此：

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

注意：我的路径结构可能不正确。根据需要修改。

Answer 2

简答 = 否。

您可能想研究使用 SASS。除了缩小 css 文件之外，您还可以将其设置为主要（在您的情况下 styles.css）从几个 SASS 文件中提取。例如，您可以拥有以下 SASS 个文件：main.scss、header.scss、navbar.scss 和 footer.scss。如果您的 IDE 支持 SASS，当您保存这些文件中的任何一个时，它会自动将所有四个文件编译到您的 styles.css 文件中。然后你只需要引用那个文件就可以了。

http://thesassway.com/beginner/how-to-structure-a-sass-project

php 如何包含访问 css 文件

How can a php include access the css files

html

css

php

include