为什么css不影响我的PHP页面?

我正在学习php并遇到一些困难,我试图将php文件包含在另一个文件的头文件中, 但是css不起作用?</ p>

这是我的项目目录结构
项目结构 </ p>

这是我的PHP代码...
blogpage.php </ strong> </ p>

&lt; html lang =“en”&gt;
&lt; head&gt;

&lt;?php包括'head.php';?&gt;

&lt; title&gt;关闭Bootstrap的画布模板&lt; / title&gt;

&lt; / head&gt;
</ code> </ pre >

我在Struts-2 / blogpage.php中包含了路径</ p>

这里是我的head.php </ p>

 <  code>&lt;! -  Bootstrap core CSS  - &gt; 
&lt; link href =“/ css / bootstrap.min.css”rel =“stylesheet”&gt;

&lt;! - IE10 viewport hack 表面/桌面Windows 8错误 - &gt;
&lt; link href =“css / ie10-viewport-bug-workaround.css”rel =“stylesheet”&gt;

&lt;! - 自定义样式 此模板 - &gt;
&lt; link href =“css / offcanvas.css”rel =“stylesheet”&gt;
&lt; link href =“css / blog.css”rel =“stylesheet”&gt;
</ code> </ pre>
</ div>

展开原文

原文

I am learning the php and get some difficulties, I am trying to include the php file in header of another file, but the css is not working?

here is my project directory structure Project Structure

and here is my php code... blogpage.php

 <html lang="en">
<head>   
    <?php include 'head.php';?>

    <title>Off Canvas Template for Bootstrap</title>

</head>

I have included the path in Struts-2/blogpage.php

here is my head.php

   <!-- Bootstrap core CSS -->
  <link href="/css/bootstrap.min.css" rel="stylesheet">

  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <link href="css/ie10-viewport-bug-workaround.css" rel="stylesheet">

   <!-- Custom styles for this template -->
  <link href="css/offcanvas.css" rel="stylesheet">
   <link href="css/blog.css" rel="stylesheet">

dongzhi5846
dongzhi5846 我提供了标准结构来调用CSS,JS调用你调用的文件。希望这可以帮助你发展。
大约 4 年之前 回复
dsa2c2255888
dsa2c2255888 你不想要相对路径,这就是打破它的原因。您目前正在混合绝对和相对路径。使用绝对,它应该工作。请参阅TarlanMammadzada的回答。
大约 4 年之前 回复
dsklfsdlkf1232
dsklfsdlkf1232 我提供了一个解决方案尝试并分享对此的想法。如果您遇到任何障碍,请告诉我。
大约 4 年之前 回复
dosgy00204
dosgy00204 是..那么如何添加相对路径?
大约 4 年之前 回复
donglao9606
donglao9606 css/offcanvas.css,css/blog.css和css/ie10-viewport-bug-workaround.css都投了404?在开发人员控制台中查看网络选项卡。那些应该是绝对的道路。
大约 4 年之前 回复
donglin7383
donglin7383 我在Struts-2/blogpage.php中包含了该路径。查看图像中的项目结构
大约 4 年之前 回复
doushai4890
doushai4890 另外添加“type”属性也不错。比如'type=“text/css”'。
大约 4 年之前 回复
dongqiao9394
dongqiao9394 您的来源中缺少斜线。你必须在yorhead.php中将“href”更改为“src”
大约 4 年之前 回复
doulangdang9986
doulangdang9986 <linkhref=“/css/bootstrap.min.css”rel=“stylesheet”>
大约 4 年之前 回复
doumeng1897
doumeng1897 你如何在head.php中添加CSS?
大约 4 年之前 回复

2个回答

Solution One:

As per your folder structure you have all the style-sheets under the CSS folder and you are trying to include it in the PHP file which is located outside the CSS folder and the procedure it that you have to directly point it out to the CSS folder to pertain the links to all the files that you provide in head.php.

The head.php should look like this so that it will not pertain to any error.

<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="css/ie10-viewport-bug-workaround.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/offcanvas.css" rel="stylesheet" type="text/css">
<link href="css/blog.css" rel="stylesheet" type="text/css">

Errors:

  1. Your forward slash trailing in the first link will fails since you have added the forward slash over to the bootstrap.css and hence that file will not call out in blogpage.php page. That is the reason you are not getting css over to the blogpage.php.
  2. The type="text/css" is missing to the stylesheet call in the head.php and this may also cause the Error.

And pertaing to that you need to call the head.php in the blogpage.php as follows:

<html lang="en">
<head>   
<?php include ('../head.php'); ?>
<title>Off Canvas Template for Bootstrap</title>
</head>

Best Practice

But you can wrap up all the head.php, footer.php, header.php into the includes folder so that it will be a constant under that folder and you can provide up the links without any error.

Since you are calling it inside the Struts-2 folder your path may fail sometimes and the CSS may result in Error.

Tips:One the site is loaded up fully you press CTRL+U so that your entire code will open up in the new window (View Page Source) and you can check to that whether all the links that you are proving are executing correct in the browser.

Solution Two:

You can add up the forward slash over to the CSS folder structure since it will not fails up when you try to add it u over to any of the page that you use. Since all the communication will be done from the root directory on all calls

And your head.php will look like

<!-- Bootstrap core CSS -->
<link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="/css/ie10-viewport-bug-workaround.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="/css/offcanvas.css" rel="stylesheet" type="text/css">
<link href="/css/blog.css" rel="stylesheet" type="text/css">
dongyimo1293
dongyimo1293 让我们在聊天中继续讨论。
大约 4 年之前 回复
duanaidang6197
duanaidang6197 如果他正在加载的路径是“Struts-2 / blogpage.php”(如(s)所述)那么所有包含的路径都将失败并带有相对链接。 当前代码(如果它与你所包含的相同)将起作用,如果他是根的话。
大约 4 年之前 回复
dongye9453
dongye9453 如果你在你正在工作的页面中正确地调用head.php并且过去几次单独工作,那么这绝不会出错。 在加载CSS时我从未遇到过任何错误。
大约 4 年之前 回复
dongxili9934
dongxili9934 如果他在blogpage.php中,它将加载head.php,但他必须提供head.php的链接,包括'../head.php',因为head.php在他提到的文件夹之外 这将与我的代码完美配合。
大约 4 年之前 回复
douji1077
douji1077 为什么这样它不会加载。 它肯定会加载正确。
大约 4 年之前 回复
duannian4784
duannian4784 这不会按原样运作。 CSS不会加载,因为它不是您指定的位置。 Tarlan Mammadzada是绝对的,所以它总是从服务器根开始。
大约 4 年之前 回复
doufuhuang6981
doufuhuang6981 我已经使用标准结构来调用项目中的CSS,并且根据Tarlan Mammadzada代码,它仅适用于此项目。 我将它作为一种通用的风格,这样他就可以开发出具有完美结构的代码。
大约 4 年之前 回复
doudiandi6967
doudiandi6967 为什么这些路径都是相对的? Struts-2 / blogpage.php将加载css / offcanvas.css作为/Struts-2/css/offcanvas.css。 根据不正确的目录结构,i.stack.imgur.com/OGYn9.jpg。
大约 4 年之前 回复



CSS文件夹位于head.php下吗? </ p>

尝试向所有链接添加斜杠:</ p>

 &lt;! -  Bootstrap core CSS  - &gt; 
&lt; link href =“/ css / bootstrap.min.css”rel =“stylesheet”&gt;

&lt;! - IE10视口黑客表面/桌面Windows 8错误 - &gt;
&lt; link href =“ /css/ie10-viewport-bug-workaround.css“rel =”stylesheet“&gt;

&lt;! - 此模板的自定义样式 - &gt;
&lt; link href =”/ css / offcanvas .css“rel =”stylesheet“&gt;
&lt; link href =”/ css / blog.css“rel =”stylesheet“&gt;
</ code> </ pre>

你 可以检查,直接添加链接,不包括PHP。 尝试以这种方式查看链接是否有效。</ p>
</ div>

展开原文

原文

Is CSS folder located under the head.php?

Try to add slash to all links:

   <!-- Bootstrap core CSS -->
  <link href="/css/bootstrap.min.css" rel="stylesheet">

  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <link href="/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

   <!-- Custom styles for this template -->
  <link href="/css/offcanvas.css" rel="stylesheet">
   <link href="/css/blog.css" rel="stylesheet">

You may check, adding the links directly, without including th php. Try in that way to see if the links work.

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐