Fatal编程技术网
  • php/
  • 我的CSS文件在我的PHP文件中不起作用

我的CSS文件在我的PHP文件中不起作用

php html css

我的CSS文件在我的PHP文件中不起作用,php,html,css,Php,Html,Css,我不明白为什么每次我对css文件做一些更改时，它都不工作。我以前输入的代码工作正常，但每当我更改代码时，它都不会显示出来 <?php session_start(); ?> <?php include "dbt_connect.php"; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl

我不明白为什么每次我对css文件做一些更改时，它都不工作。我以前输入的代码工作正常，但每当我更改代码时，它都不会显示出来

    <?php 
session_start();
 ?>

<?php 

  include "dbt_connect.php";

?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Movies&amp;Stuff</title>
    <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
  crossorigin="anonymous"></script>
  <link rel="stylesheet" href="FontAwesome/css/fontawesome-all.min.css">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="index.css">

  <style>
    #footer{
        width: 100%;
        height: 100px;
        margin-bottom: 0px;
        background-color: gray;
        text-align: center;
        color: white;
    }
    #footer pre{
        padding-top: 50px;
        font-size: 16px;
    }
    #footer a{
        color: white;
        text-decoration: none;
    }
  </style>

  <script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5b0ae82b461c9500119099e0&product=sticky-share-buttons' async='async'></script>
</head>
<body>
    <header id="top_header" style="margin-top: 20px">
        <div class="clear">
        <h1 id="logo">Movies<span id="and">&amp;</span>Stuff</h1>
        <nav id="main_nav">
            <?php 
                if (isset($_SESSION['user_id'])) {
                    echo '
                    <a href="#" class="menu"><i class="fa fa-bars"></i></a>
                    <a href="Movies.php">Movies</a>
            <a href="TV Series.php">TV Series</a>
            <a href="AboutUs.php">About Us</a>
            <a href="ContactUs.php">Contact Us</a>

                    <form action="Includes/logout.inc.php" method="POST" style="float:right; margin-right:1em; border:none;">
                    <button type="submit" name="submit" style="background-color:black; border:none; color: #A5A5A5FF; font-size:17px;outline-style:none;">Logout</button>
                    </form>';
                }else{
                    echo '
                    <a href="#" class="menu"><i class="fa fa-bars"></i></a>
                    <a href="Movies.php">Movies</a>
            <a href="TV Series.php">TV Series</a>
            <a href="AboutUs.php">About Us</a>
            <a href="ContactUs.php">Contact Us</a>
            <span class="login" style="margin-right: -1em;"><a href="login.php">Login</a></span> | <span class="signup"><a href="signup.php">Signup</a></span>';
                }

             ?>

        </nav></div>
这是我的外部css代码，我在顶部标题下为类菜单添加了display:none，但仍然没有得到任何结果。上一次我在制作页脚时出现了这个问题，但它不起作用，所以我在内部css中解决了这个问题。请帮我解决这个问题。

我遇到了类似的问题，我的解决方案是更改css文件的名称，例如，您以前的css文件名为index.css，将其更改为newindex.css，并且不要忘记在html中编辑css文件的名称。我希望它会起作用，它对我起作用了

缓存问题

试着改变

到

这可能是一个缓存问题，只需删除所有浏览数据、历史记录、缓存、cookies、e.t.c，然后关闭浏览器并再次打开，就可以像修复我的一样修复问题

但是解决这个问题的最好方法是用php调用css文件。我建议您使用php调用css样式表，因为如果您的网站处于联机状态，您不能在每次对网站进行更改时告诉所有用户删除他们的浏览数据

它非常简单，首先编写样式标记，然后使用php调用css文件

<style>
  <?php include "style.css" ?>
</style>
我在做第一个Php项目时也遇到了同样的问题。我使用相对路径，通过创建新文件并在index.php文件中链接新文件来更改CSS文件。这对我有用

 <link href="./styles.css" rel="stylesheet">
与的类似，我将css文件放在一个兄弟目录中，其相对路径为.../css/styles.css。客户端浏览器无法访问此目录，因此无法显示。将css/目录移动到webroot或html目录下，而不是移动到id旁边，使其可由客户端浏览器解析。此外，链路随后使用绝对路径而不是相对路径，例如..

为我解决了以下问题： 之前：
之后：//删除css文件夹前的斜杠。

所以我的css代码工作正常，但当我删除或添加一些内容时，它在网站上没有改变，我找到了一个非常简单的解决方案，对我来说很有效：

只需按：Ctrl+F5

这称为硬刷新，它在Windows上对我有效，在Chrome浏览器上，如果您使用其他工具，请尝试此网站：

这是一个有点老的问题，但我现在遇到了同样的问题，我想也许我可以帮助别人。

问题：我的浏览器无法访问我修改过的CSS文件

原因：我的浏览器缓存了这个文件浏览器已经有了这个文件，他不会再要求了

解决方案1-关于开发环境 在firefox和Chrome ctrl+maj+R上刷新浏览器的缓存。但在生产环境中无法做到这一点，您无法控制客户端的浏览器

解决方案2-关于生产环境 更新文件时更改文件的路径。最好的方法似乎是添加如下参数

<link rel="stylesheet" href="index.css?v=1">
并在每次生产修改时进行更改

<link rel="stylesheet" href="index.css?v=2">
您可以使用一个变量，使多个文件的更改更容易。但请记住，每次修改CSS的路径时，所有客户端都会再次请求此资源。例如，不要使用时间作为价值，否则会取消对网站客户端的任何缓存，从而增加服务器费用

它将同样应用于JS文件和任何其他资源，而不是通过浏览器缓存的资源。

使用单点如果您在其他文件夹或文件中，请确保不要使用双点：

<link rel="stylesheet" href="./css/header.css">
小心这样您就使用了相对路径。这意味着，如果您转到your-domain.com/，此路径将是your-domain.com/css/style.css，但如果您转到其他页面，例如your-domain.com/user/abc，css将从your-domain.com/user/abc/css/style.css加载。这不会避免服务器端缓存您的文件。 
<link rel="stylesheet" href="./css/header.css">