所以我正在尝试开发一个带有背景和一些居中文本的基本网页,但由于某种原因它不读取 css 文件并且不会生成背景图像。
是的,css、html 和背景图片都在同一个文件夹中。 我正在使用括号 IDE http://brackets.io/ (不应该有所作为,但是是的)
HTML 来源
<!DOCTYPE html>
<html>
<head>
<title> Sample Page </title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div>
<h1>Developments</h1>
<h4>Most Beautiful Website</h4>
</div>
</header>
</body>
</html>
CSS 源代码
body{
margin: 0;
padding: 0;
}
header{
background-image: url(skyline.png);
height: 100vh;
background-size: cover;
color: #fff;
font-family: 'Arial';
}
.header-content{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
text-align: center;
}
最佳答案
index.html 已从原始文件夹移至桌面。 将 index.html 简单地重定位到原始文件夹即可解决问题。
关于html - 为什么我的 css 文件没有被使用?不显示背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41148879/