Ich habe eine externe CSS-Datei namens main.css. Das ID nav, Abschnitt und Fußzeile funktionieren gut, aber die ID-Kopfzeile funktioniert nicht. Wenn ich den Header Teil in HTML-Datei, funktioniert es. Warum funktioniert es nicht in der CSS-Datei?Warum der CSS-Header nicht funktioniert
--------------------------- HTML-Datei ----------------- --------
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="main.css">
<meta charset="UTF-8">
</head>
<body>
<div id="header">
<h1>Furkan İlhan</h1>
</div>
<div id="nav">
Hakkında<br>
Kariyer<br>
Projeler<br>
Galeri<br>
</div>
<div id="section">
<h2>Hakkında</h2>
<p>asfsfsdfsdfsdfsdfsdfsfwefsdfsefssdsfsgsgsdsdsdgsdssdsssdmskdfmsldsmdlfskmflsmfsfm,
sdfsfsdfsdfsdfsdfsfsefsefsefsefsefsefsefsefsefsefsefsefsef</p>
<p>asfsfsdfsdfsdfsdfsdfsfwefsdfsefssdsfsgsgsdsdsdgsdssdsssdmskdfmsldsmdlfskmflsmfsfm,
sdfsfsdfsdfsdfsdfsfsefsefsefsefsefsefsefsefsefsefsefsefsef</p>
</div>
<div id="footer">
Tüm Hakkı Saklıdır. Furkanilhan.com
</div>
</body>
</html>
-------------------------- CSS-Datei ------- ------------------------
<style>
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
Sie haben Header als Klasse definiert und verweisen sie in css mit # header..use .header und es funktioniert –
immer noch nicht funktioniert –
Ist das CSS in der gleichen Datei –