我的CSS没有在php上加载
[英]My css is not loading on php
问题描述
嘿，我在file.html中为网站做了一个布局，但是我将其更改为.php，但我没有使CSS生效。
Body { margin: 0px; background-color: rgba(230, 230, 230, 1); font-size: 100%; } header, footer { padding: 1em; color: white; background-color: black; clear: left; background-color: RGBA(66, 161, 244, 1); } header{ height:10%; } footer{ height:2%; text-align: center; } #Logo{ position: relative; width: 50%; background-color: black; display: inline-block; height:100%; } #Search{ float: right; position: relative; width: 20%; height: 50%; display: inline-block; margin: 0px; } .Search{ width: 80%; height: 100%; } .SearchButton{ float: right; width: 19%; height: 100%; } nav { float: left; max-width: 160px; margin: 0; padding: 1em; } nav ul { list-style-type: none; padding: 0; } nav ul a { text-decoration: none; } article { margin-left: 170px; border-left: 1px solid gray; padding: 1em; overflow: hidden; }
<html> <head> <title>Unnamed Project</title> <link rel="stylesheet" type="text/css" href="Forside.css"> <link rel="stylesheet" type="text/css" href="Standart.css"> <meta charset="utf-8"> </head> <body> <header> <img src="Icon.png" id="Logo" href="Forside.php"></img> <form action="Forside.php" id="search" method="post"> <input type="text" name="Parameters" class="Search"></input> <input type="submit" value="Søg" class="SearchButton"></input> </form> </header> <nav> <ul> <li><a>Katagorier</a></li> </ul> </nav> <article> <div id='Produkt2'> <div id='Navn'> $row[Navn] </div> <div id='Produktnr'> $row[AutoID] </div> <div id='Billedpris'> <div id='Billed'> <img src='Billeder/$row[Billed]'></img> </div> <div id='Pris'> <a class='pris'>$row[Pris],-</a> <div id='Kurv'> <form action='PutiKurv.php' method='post'> <input type='hidden' name='antal' value='1'> <input type='hidden' name='ProduktID' value='$row[AutoID]'> <input type='submit' value='Læg i kurv:'></input> </form> </div> </div> </div> <div id='Info'> $row[Info] <div id='mere'> <form action='$row[Hjemmeside]'> <input type='submit' value='Mere info'></input> </form> </div> </div> <hr> </div>" </article> <footer>Copyright © W3Schools.com</footer> </body> </html>
它应该看起来像这样，但是当我加载CSS时不见了。 请帮忙
2 个解决方案
解决方案1
1 2017-03-13 20:42:19
问题是一个缓存问题。 CSS在缓存方面可能有点奇怪，并且经典的CTRL + F5组合适用于图像，但不适用于CSS。 处理CSS中缓存的更好方法是在单击刷新符号时按住SHIFT 。
显然，您可以在CSS引用的文件路径中包含反斜杠，或附加一个版本号，例如： <link rel="stylesheet" type="text/css" href="style.css?v2 /> 。
这个版本号本来就不意味着什么，但是对于表示CSS的更新很有用，重要的是浏览器会认为它是一个不同的文件（强制它重新加载CSS）。
您还可以通过在链接的CSS文件中添加时间戳，强制浏览器每次在PHP加载页面时自动刷新CSS，例如：
<link rel="stylesheet" type="text/css" href="style.css?<?php echo date('l jS \of F Y h:i:s A'); ?>" />
请记住，CSS可能是“昂贵的”，因此一旦完成开发，您可能希望通过删除生产环境中的时间戳来允许访问者缓存：)
希望这可以帮助！ :)
解决方案2
0 2017-03-13 20:40:40
当用双引号或heredoc指定字符串时，将在其中解析变量。
您正在使用单引号而不是双引号。 如果要解析变量，请使用双引号。
在这里： <form action='$row[Hjemmeside]'>这意味着变量解析不起作用。 更改为<form action="<?php echo $row[Hjemmeside]; ?>">
同样在这里： <input type='hidden' name='ProduktID' value='$row[AutoID]'> 。 更改为： <input type='hidden' name='ProduktID' value="<?php echo $row[AutoID]; ?>">
在这里： <img src='Billeder/$row[Billed]'></img> 。 更改为： <img src="Billeder/<?php echo $row[Billed]; ?>"></img>
另外，您可以在Web浏览器中进入“开发人员”模式，并执行“清空缓存并重新加载”选项以加载新样式文件。 考虑使用文件版本控制。 例如：
<link rel="stylesheet" type="text/css" href="Forside.css?v=1.1">
<link rel="stylesheet" type="text/css" href="Standart.css?v=1.1">
CSS文件未在我的CodeIgniter PHP中加载
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.