Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern
bearbeitet von
> Hallo
>
> > Was mich schon immer gewundert hatte, ist die verlorengehende Fett-Formatierung in den Überschriften der verschiedenen Seiten. Jetzt weiß ich, warum!
>
> Sie geht strengenommen nicht verloren, aber sie wird durch die sowieso schon fette Formatierung der Überschrift überdeckt.
>
> Du kannst sie aber wieder hervorlocken, indem du für `font-weight` numerische Angaben machst.
>
> Beispiel:
>
> ~~~css
> h1 {
> font-weight: 600;
> }
> h1 b {
> font-weight: 900;
> }
> ~~~
>
Also so?
~~~css
h1 {
font-weight: 600;
background-color: hsl(280 2% 28%);
color: white;
text-align: center;
margin: 1em 0 0.5em 0; /* Hier Abstand zwischen Nav und darunterstehendem Seiten-Inhalt einstellen */
padding: 0.75em 1em;
font-size: 1.4em;
}
h1 b {
font-weight: 900;
}
~~~
Und noch eine Frage: Muss ich jetzt im HTML noch was ändern? Oder kapiert das HTML, dass ich mit "h1 b" im CSS die Fett-Formatierung
> <b>Zeichen, die FETT hervorgehoben werden sollen</b>
meine, wie zum Beispiel auf der Seite "Jugend"?
~~~html
<h1>Jugendtreff <b>Lights On</b> – <b>Neu</b> in neuen Räumlichkeiten</h1>
~~~
Danke für Rückmeldung, Auge!
Holger