PHP包含和CSS

In my website, I'd like to use the PHP include line within the index.php page to add in important sections like the header and footer.

Now, the folder structure is as follow:

/index.php

/css/style.css

/includes/header.php

/includes/footer.php

Keep in mind I am working in a localhost environment.

Now my question to you is how do I properly reference my CSS file in the index.php and header.php? Should I use a config.php file? I'd like to avoid using absolute paths if that's possible.

Currently, my CSS file is read and displays properly, however, when I make changes, the CSS does not display the changes made and keeps the original unchanged file.

index.php

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

<body>
  <?php include 'includes/header.php';?>
  <div class="container">
    <div class="inner-container">
      <?php include 'includes/javascript.php';?>
    </div>

header.php

<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
  <header>
      <div id="logo">
        <div class="logo-container">
          <img src="img/final_logo_400px.png" alt="">
        </div>
      </div>
      <nav>
        <ul>
dongya6395
dongya6395 我应该提到我很清楚这一点,但谢谢你的回复。
3 年多之前 回复
ds0802
ds0802 要在你的网页中加载css文件,你需要使用html<link/>标签,而不是phpinclude函数;
3 年多之前 回复

1个回答

Simply use a relative link no? ie:

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

I presonally do the following which checks whether the file is local or remote, and versions the file using its modification time if it is remote (that check fails locally):

 $url = $_SERVER['DOCUMENT_ROOT'];
 $parts = explode('/',$url);
 $base = $parts[0];
 if ($base == 'C:') { ?>
   <link href="/css/style.css" rel="stylesheet" type="text/css" />
 <?php } else { ?>
   <link href="/css/style.css?v=<?php echo filemtime($basepath."/css/style.css")?>" rel="stylesheet" type="text/css" />
 <?php } ?>
dongtui4038
dongtui4038 让我们在聊天中继续讨论。
3 年多之前 回复
dongqian5569
dongqian5569 它有一个拼写错误(笑)现在尝试
3 年多之前 回复
drgaeqdqiiyg14608
drgaeqdqiiyg14608 奇怪的是,这似乎也没有改变任何东西。
3 年多之前 回复
dtng5978
dtng5978 好的,所以你正确地包括它,但你没有看到变化? 将body {background:red!important}放入其中并告诉我刷新时会发生什么
3 年多之前 回复
dtqjbbr5283
dtqjbbr5283 如果我这样做,整个CSS样式表就会中断。 是的,包含在index.php文件中正确显示,并在浏览器中显示。
3 年多之前 回复
donglu5047
donglu5047 你有href =“css / style.css”,而你很可能需要一个领先/根据我的例子。 虽然我看到你的php包括没有斜线......他们是否正常工作?
3 年多之前 回复
du8828
du8828 是的! 我做。 仍然看不到变化。
3 年多之前 回复
doujiaozhan4397
doujiaozhan4397 进行更改后,您是否在没有缓存的情况下刷新浏览器? 如同,ctrl + f5?
3 年多之前 回复
doudao2407
doudao2407 看到事情是,用相对链接,我似乎无法让css在我修改css样式时正常工作。 也许我应该在codepen或其他东西上做一个例子。
3 年多之前 回复
douyi9705
douyi9705 ...如果您对编码比较陌生,我只想添加我的第一个例子......一个标准的相对链接。 需要更改它以反映您的目录结构。
3 年多之前 回复
donglizuo8892
donglizuo8892 好吧,从技术上讲(我猜!)其中任何一个都可行,但我认为header.php最有意义。 请注意,此代码不是“粘贴并继续”,它说明了以防止缓存问题的方式包含CSS文件的概念。
3 年多之前 回复
dongyi8383
dongyi8383 嘿! 感谢您的答复! 我们将php代码放在哪里? 在index.php,header.php或单独的config.php文件中?
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐