gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 08:32:15 24 4
gpt4 key购买 nike

我正在使用 Adob​​e Dreamweaver CS6 制作一个简单的 HTML/CSS 网页,但由于某种原因,文档没有正确显示 CSS。但是,如果您刷新页面几次(No Changes),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>

最佳答案

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

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

编辑

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

关于HTML 文档需要刷新才能显示 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28211923/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com