Question

我正在使用Adobe Dreamweaver CS6制作一个简单的HTML / CSS网页，但由于某种原因，该文档未正确显示CSS。但是，如果您刷新页面几次（无更改），CSS将生效。这是Dreamweaver问题还是我的代码问题（如下所示）以及如何解决？

@charset "utf-8";
/* CSS Document */
.menu{
	width:1600px;
	background-color:FCEE21;
	position:fixed;
	top:0px;
	left:-5px;
	height:75px;
	}
.logo{
	background-image:url(Pictures/Logo.png);
	position:fixed;
	top:0px;
	left:5px;
	background-size:75px 75px;
	width:75px;
	height:75px;
	cursor:pointer;
	}
	
	.menu-list{
		position:fixed;
		left:300px;
		list-style-type:none;
		font-family:"Adobe Heiti Std R";
		}
.logo:hover{
	background-image:url(Pictures/Logo--Hover.png);
	}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
<title>Leuven Wang | Amateur Web Designer</title>
</head>

<body>
<div class="menu">
<div class="logo"></div>
<ul class="menu-list">
<li>PORTFOLIO</li>
<li>SERVICES</li>
<li>CONTACT</li>
</ul>
</div>
</body>
</html>

Answer 1

这听起来像是一个缓存问题。当您访问网页时，它会在您的计算机上保留所请求文件的副本，以便在下次加载时加快网页的加载时间。这是因为从您的计算机加载css文件比从Internet下载它更快。

清除网页缓存的常用方法是 Ctrl + F5 。这将强制您的计算机刷新当前页面，忽略任何缓存文件，允许您看到CSS更改。

修改

如果您使用Chrome（我不知道其他浏览器是否提供此功能），您可以按 F12 加载开发人员工具。单击此新窗口右上角显示的小齿轮，将打开选项屏幕。将有一个名为＆＃39;禁用缓存的选项（当DevTools打开时）。勾选此项并点击小小的＆＃39; x＆＃39;在选项屏幕上。只要“开发人员工具”面板打开，浏览器就不会缓存css文件。

HTML文档需要刷新才能显示CSS

1 个答案:

修改