html - 为什么我的 css 文件没有被使用?不显示背景图像

标签 html css

所以我正在尝试开发一个带有背景和一些居中文本的基本网页,但由于某种原因它不读取 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/

相关文章:

jquery - 使用 jquery 隐藏表的列/td

javascript - JS 鼠标悬停功能在我悬停特定 div 时不重置

javascript - 增加复选框大小 - Phonegap Android

html - 无法让 div 覆盖另一个包含 Canvas 的 div

html - 将按钮放在页眉内

javascript - 使用 jQuery 获取要显示的复选框和文本区域的文本

css - 使用@font-face 时遇到问题

css - 如何将内容对齐到容器 Bootstrap 的中间

javascript - jQuery:如果类存在,删除它,然后将它添加到新元素

html - 为什么图像不会加载到使用 html 和 css 的网站的移动版本上?