我正在学习HTML和CSS,并做一些简单的事情,比如在CSS中更改背景颜色。问题是,当我在Internet Explorer(IE 11)中加载页面时,没有任何变化显示出来。为了进一步测试,我在Google Chrome中加载了我的页面,它按预期显示。
这种情况已经发生过几次,我试图确保删除了Internet Explorer中的缓存,确定我正在编辑正确的文件以及CSS样式代码位于同一目录中。我确保进行了Crtl + R / Crtl F5刷新,但仍然无效。奇怪的是,在过去的几次加载之后,它会在我不做任何其他操作的情况下正常工作。
这是我要显示的内容:
HTML文件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Lesson 12 - Fun With CSS Selectors</title>
<link type="text/css" rel="stylesheet" href="styles.css" media="all">
</head>
<body>
<h1>Title of the page</h1>
<p>Lorem ipsum dolor sit amet ultricies. Nunc at aliquet nunc.</p>
</body>
</html>
CSS文件:
h1{
font-size: 30em;
font-weight: heavy;
font-color: red;
line-height: 10px;
}
body{
background-color: red;
}
更新:
目前,在Internet Explorer 11中加载我的页面时,它现在具有来自样式CSS的更改,但我没有改变任何内容! 我只是再次打开它...有人能解释一下发生了什么吗?因为这已经发生过多次。
h1标签中的字体颜色不会改变(可能是因为它不是这样做的方式),但在Google Chrome中背景颜色以及字体大小都会改变。 在Explorer中,它仍然是一个带有H1标签内容未更改的白色页面。 有人对发生了什么有什么想法吗?
file.css?24798210
。 - Liftoff