Guten Tag,
ich gehe von meinen Fall aus, da ich bereits weiß was Block und Inline Elemente sind.
HTML CODE:
<header>
<a href="index.html"> <img src="img/bild.png" height="91" width="251" alt="Bild" title="Bild"> </a>
</header>
CSS Code:
*
{
margin:0;
padding:0;
}
header
{
height:150px;
background-color:#D3d3d3;
background-color:hsla(360,0%,83%,0.2);
}
Alles anzeigen
Jedoch scheint meine Vorgehensweise nicht wirklich zu funktionieren.
Wenn ich dass Bild ansprechen möchte (img) muss ich class="beispiel" und dies dann per CSS ansprechen?
Zum Beispiel .beispiel img { display:block; } (da Inline Element) oder kann auch der header angesprochen werden?
Wie ist dass eigentlich mit der background-position muss die Grafik in der CSS Datei hinterlegt sein dass es auch funktioniert oder kann es auch von HTML also img angsprochen werden?
Gibt es eine Vorgehensweise welchen tag man anspricht (Blockelement in diesem Fall <header>) usw.?
Kann man irgenwo auch einsehen wenn man z.B. background-position verwendet wie und wo dass angewendet werden kann (wie in diesem Fall)
bin meistens auf https://wiki.selfhtml.org
Habe es nun mit Padding gelöst also:
CSS:
*
{
margin:0;
padding:0;
}
header
{
height:150px;
background-color:#D3d3d3;
background-color:hsla(360,0%,83%,0.2);
}
.logo
{
display:block;
padding:25px;
}
Alles anzeigen
Vorgehensweise so richtig?