CSS Einbindung in HTML funktioniert nicht!

  • Hallo, ich habe ein Problem bei der Einbindung meiner CSS-Datei im meine HTML-Datei. Ich habe alles versucht... aber es möchte einfach nicht funktionieren. Mir wenn ich die Datei im Explorer ausgebe wird mir einfach nicht angezeigt außer die "h1" Überschrift.


    Hier meine Quelltexte:


    HTML Quelltext:

    <!DOCTYPE html>

    <html lang="de">


    <head>


    <title> Test </title>

    <link rel="stylesheet" type="text/css" media="screen" href="style.css">

    </head>


    <body>

    <div id="box1">

    <h1>Test</h1>

    </div>

    <div id="box2">

    </div>

    <div id="box3">

    </div>

    <div id="box4">

    </div>

    <div id="box5">

    </div>

    </body>


    </html>



    und hier mein CSS-Quelltext:


    body{

    margin: 0;

    padding: 0;

    }


    box1{

    height: 100vh;

    width: 100%;

    background-image: url(ls.JPG);

    background-size: cover;

    display: table;

    }


    box2{

    height: 100vh;

    width: 100%;

    background-image: url(hw.jpg);

    background-size: cover;

    display: table;

    }


    box3{

    height: 100vh;

    width: 100%;

    background-image: url(ls.JPG);

    background-size: cover;

    display: table;

    }


    box4{

    height: 100vh;

    width: 100%;

    background-image: url(hw.JPG);

    background-size: cover;

    display: table;

    }


    box5{

    height: 100vh;

    width: 100%;

    background-image: url(hg.JPG);

    background-size: cover;

    display: table;

    }


    h1{

    font-size: 50px;

    color: white;

    margin: 0px;

    text-align: center;

    display: table-cell;

    vertical-align: middle;

    }




    Hoffe mir kann jemand helfen :-)