Hey,
ich hab gestern Angefangen HTML und CSS zu lernen und hab meine eigene Seite gemacht.
Jedenfalls hab ich ein Problem. Ich ändere im CSS Code die Farbe, sowie größe eines Textes, jedoch wird dies nicht übernommen.
Ich weiß, man kann es auch im HTML Code ändern, jedoch würd ich gerne wissen, weshalb es nicht klappt.
Hier die Codes:
HTML: HTML
<!DOCTYPE html>
<html lang="de">
<head>
<title> GameZone </title>
<meta charset:"utf-8" name:"DreamShooter">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="Logo"> <center><a href="index.html"><img src="./game.png"></a></center> </div>
<div class="Leiste">
<p><a href="home.html">Home</a></p> <p> <a href="uber.html">Über uns</a></p> <p><a href="bewerben.html">Bewerben</a></p> <p> <a href="impressum.html">Impressum</a></p></div>
<div class="Test"><p><center>Hey, dies ist nur meine Test-Website. Ich lerne grad die HTML und CSS-Basics und probiere diese hier aus :)</center> </p></div>
</body>
</html>Code
/*
Selektor {
Attribut: Beispielwert11;
Attribut2: Beispielwert444;
}
*/
html{
font-family: Helvetica, sans-serif;
}
body {
background-color: white;
width: 960px;
max-width: 90%;
margin: 0 auto;
}
.Logo {
margin: 0 auto 0 auto;
}
.Logo img {
width: 400px;
}
.Leiste{
display: flex;
justify-content: center;
}
.Leiste p{
font-size: 32px;
float: left;
margin-right: 25px;
margin-right: 25px;
margin-bottom: 10px;
margin-top: 25px
}
.Aktuell p{
font-size: 30px;
text-decoration: underline;
padding-top: 5px;
text-align: center
}
.News1 p{
margin-top: 60px;
text-align: left;
font-size: 32px;
border-left: solid;
border-radius: 3px;
padding-left: 6px;
}
.News1 img{
width: 100%;
}
.NewsText1 p{
font-size: 25px;
border-left: solid;
border-radius: 6px;
padding-left: 6px;
}
p {
color: darkblue;
}
.News2 img{
width: 100%}
.News2 p{
margin-top: 60px;
text-align: left;
font-size: 32px;
border-left: solid;
border-radius: 3px;
padding-left: 6px;
}
.NewsText2 p{
font-size: 25px;
border-left: solid;
border-radius: 6px;
padding-left: 6px;
}
.News3 img{
width: 100%}
.News3 p{
margin-top: 60px;
text-align: left;
font-size: 32px;
border-left: solid;
border-radius: 3px;
padding-left: 6px;
}
.NewsText3 p{
font-size: 25px;
border-left: solid;
border-radius: 6px;
padding-left: 6px;
}
.News4 img{
width: 100%}
.News4 p{
margin-top: 60px;
text-align: left;
font-size: 32px;
border-left: solid;
border-radius: 3px;
padding-left: 6px;
}
.NewsText4 p{
font-size: 25px;
border-left: solid;
border-radius: 6px;
padding-left: 6px;
}
a {
text-decoration: none;
color: darkblue;
transition: 0.2s;
}
a:hover{
font-size: 40px;
}
.Test p {
font-size: 20px;
color: red;
padding-top: 250px;
}Es geht um die div-class "Test". Sie lässt sich nicht ändern. Jemand eine Idee? Danke schon mal im Vorraus 