未应用网站样式。 (从 php 包含调用 stylesheet.css)

Posted

技术标签:

【中文标题】未应用网站样式。 (从 php 包含调用 stylesheet.css)【英文标题】:Website styling not being applied. (Calling stylesheet.css from a php include) 【发布时间】:2016-04-06 01:05:56 【问题描述】:

我想知道是否有人可以帮助我解决我在第一次使用 html、CSS...和 ​​php 创建网站时遇到的一些问题。 (我之前的网页设计尝试只使用 HTML 和 CSS)。

目前的问题是我的主页 (index.php) 不知何故没有“看到”我的 stylesheet.css

index.php的代码基本如下:

    <?php
      $page_title='Home';
      [php-code here, to call in include1.php.....Please see below for details]
    ?>
    <div class="copy">
      [page content here, in html]
    </div>
   <?php
      [php-code here, to call in include2.php.....Please see below for details]
?>

我的文件夹结构是: 网络

   css
     stylesheet.css
   images
     logo.png
   includes
     include1.php
     include2.php
   index.php

在尝试调用include1.php(包含文档类型声明和包含对stylesheet.css 的引用的Head 部分)时,我尝试了以下操作(插入在&lt;?php?&gt; 之间,如上所示),都没有成功:

$pathtoinclude1 = $_SERVER]'DOCUMENT_ROOT'];
$pathtoinclude1 .= "/includes/include1.php";
include_once($pathtoinclude1);

include('/includes/include1.php')

include1.php 中,我对stylesheet.css 的引用是:

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

当我预览主页时,我得到的只是默认字体(Times New Roman?)的文本。没有通过 CSS 应用任何样式。

谁能给我一些关于我做错了什么的指点?

【问题讨论】:

更正:$pathtoinclude1 = $_SERVER['DOCUMENT_ROOT']; (仅在我的消息中出现错误,而不是在我的代码中。我的 css 样式仍然存在问题)。 在 include1.php 中尝试 href="css/stylesheet.css" 而不是 href="../css/stylesheet.css" 感谢您的建议,佐尔坦。不幸的是,这并不能解决问题。 OK.. 然后只需按Ctrl + U 即可查看页面来源。查看生成的 CSS 文件路径并调整它 我已经做到了(使用Ctrl + U查看源代码),唯一显示的代码是include1.php中的代码。我在 index.php 中包含的 html 代码没有显示?? 【参考方案1】:

试试这个。它对我有用

假设您的 CSS 文件名为“css.css”

它和你的主页在同一个目录。

只需在 head 标签处添加:

Head
Style
<?php include('css.css') ?>
style
head

别忘了添加相应的标签

【讨论】:

【参考方案2】:

当您include() 来自index.php 的文件时,路径如下:

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

此路径从 index.php 返回一个目录,这不是有效路径。当您将其包含在index.php 中时,您在include1.php 中的路径应如下所示:

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

另外,如果 CSS 包含正确但样式仍然不显示,请尝试删除浏览器缓存。

【讨论】:

【参考方案3】:

如果第一个答案不起作用,请尝试替换

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

&lt;?php include 'style.php'?&gt;

然后在style.php 文件中包含&lt;style&gt; 标签,然后定期添加css。

【讨论】:

【参考方案4】:
    既然您说您是第一次使用php,请确保您拥有正确的html 声明。

虽然您已经与html,css 合作过,但提醒一下:

<?php
      $page_title='Home';
      [php-code here, to call in include1.php.....Please see below for details]
?>
<!DOCTYPE html>
<html>
<head>
 <!-- MAKE SURE YOU'RE INCLUDING THE
  EXTERNAL CSS FILE HERE BUT NOT TO INCLUDE YOUR PHP INCLUDES!
  WHICH ACCORDING TO YOUR FILE STRUCTURE SHOULD BE -->
<link rel="stylesheet" 
      href="../css/stylesheet.css" 
      media="Screen" 
      type="text/css"/>
</head>
<body>
<div class="copy">
      [page content here, in html]
    </div>
   <?php
      [php-code here, to call in include2.php.....Please see below for details]
?>
</body>
</html>

【讨论】:

以上是关于未应用网站样式。 (从 php 包含调用 stylesheet.css)的主要内容,如果未能解决你的问题,请参考以下文章

3CCS样式表

PHP'调用未定义的函数'跨越两个不同的包括?

从 iOS 应用程序调用脚本时未维护 PHP 会话数组

非网站成员未触发 Wordpress ajax 调用

样式表PHP

vue 公共样式处理_全局styl文件