php - 我的 css 没有在 php 上加载

标签 php html css

嘿,我在 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 &copy; W3Schools.com</footer>
  </body>
</html>

它应该看起来像这样,但是当我加载 css 时,它就消失了。 请帮忙

最佳答案

问题是缓存问题。 CSS与缓存有点奇怪,而经典组合CTRL + F5适用于图像,不适用于 CSS。在 CSS 中处理缓存的更好解决方案是按住 SHIFT同时单击刷新符号。

显然,您可以在 CSS 引用的文件路径中包含一个反斜杠,或者附加一个版本号,例如:<link rel="stylesheet" type="text/css" href="style.css?v2 /> .

此版本号本身并不“意味着”任何内容,但可用于表示对 CSS 的更新,重要的是浏览器会将其视为不同的文件(强制其重新加载 CSS)。

您还可以强制浏览器在每次使用 PHP 加载页面时自动刷新 CSS,方法是在 CSS 文件的链接中附加时间戳,如下所示:

<link rel="stylesheet" type="text/css" href="style.css?<?php echo date('l jS \of F Y h:i:s A'); ?>" />

请记住,CSS 可能“成本高昂”,因此一旦您完成开发,您可能希望通过在生产环境中删除时间戳来允许访问者进行缓存 :)

希望对您有所帮助! :)

关于php - 我的 css 没有在 php 上加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42772897/

相关文章:

html - 如何使用 css 将我的菜单栏居中。 (我正在使用 Microsoft Expression Web 4)

javascript - PHP 成功的 webpush 未触发 SW 中的推送事件监听器

php - 不能简单地使用 PostgreSQL 表名 ("relation does not exist")

javascript - 将 Opencart 登录检查/强制插入 JS 函数

javascript - 单击div时更改背景图像?

jquery - 如果子存在则将类添加到父类

javascript - 动画功能 : change div width by using radio buttons

php - 是否有可能 foreach $this->input->post();在代码点火器中?

php - Laravel中两点之间的Haversine距离计算

javascript - 如何将网站数据抓取到 Excel 工作表中?