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