Question

所以我正在尝试开发一个带有背景和一些居中文本的基本网页，但由于某种原因它不会读取css文件而不会产生背景图像。

是的css，html＆amp;背景图像位于同一文件夹中。我正在使用括号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;
}

Answer 1

index.html已在原始文件夹之外重定位到桌面。将index.html简单地重新定位到原始文件夹可以解决问题。

为什么我的css文件没有被使用？没有显示背景图像

1 个答案: