WEBVTT

00:00:00.522 --> 00:00:02.321
Jetzt da du einen Haufen
Eigenschaften gesehen hast,

00:00:02.321 --> 00:00:03.341
möchte ich dir etwas zeigen,

00:00:03.341 --> 00:00:05.853
das du vielleicht schon selbst herausgefunden hast,

00:00:05.853 --> 00:00:07.642
ein Konzept namens Vererbung.

00:00:07.642 --> 00:00:09.604
Einige CSS-Eigenschaften werden vererbt.

00:00:09.604 --> 00:00:10.927
Das heißt, sie werden vererbt

00:00:10.927 --> 00:00:13.273
an alle untergeordneten Tags weitergegeben.

00:00:13.273 --> 00:00:16.860
Zum Beispiel ist font-family (Schriftfamilie)
eine vererbte Eigenschaft.

00:00:16.860 --> 00:00:19.251
Du musst sie nur im Body-Tag festlegen,

00:00:19.251 --> 00:00:20.993
und wir sehen, dass sie automatisch

00:00:20.993 --> 00:00:22.049
von den Child-Tags übernommen wird.

00:00:22.049 --> 00:00:24.069
Wie das h1 in Absätzen.

00:00:24.069 --> 00:00:26.716
Sie wird erst dann nicht mehr wirksam,
wenn eine andere Regel überschreibt,

00:00:26.716 --> 00:00:29.491
wie diese Regel, die die Schriftfamilie

00:00:29.491 --> 00:00:31.743
aller Überschriften auf kursiv ändert.

00:00:31.743 --> 00:00:34.518
Eine weitere vererbte Eigenschaft ist color (Farbe).

00:00:34.518 --> 00:00:36.572
Wenn wir sie auf body setzen, können wir
sehen, wie sie nach unten

00:00:36.572 --> 00:00:40.543
auf alle Tags innerhalb von body vererbt wird,
bis andere Regeln sie außer Kraft setzen.

00:00:40.543 --> 00:00:43.828
wie diese Regel hier,
die die h2s auf grün setzt.

00:00:45.162 --> 00:00:49.214
Andere geerbte Eigenschaften, die
wir gesehen haben, sind font-weight (Schriftstärke),

00:00:49.214 --> 00:00:54.032
font-size (Schriftgröße), font-style (Schriftstil),
line-height (Zeilenhöhe), text-align (Textausrichtung).

00:00:54.032 --> 00:00:56.597
Eigentlich sind viele der Eigenschaften,
die wir gesehen haben, vererbt,

00:00:56.597 --> 00:00:58.431
weil sie mit der Textgestaltung zu tun haben

00:00:58.431 --> 00:01:00.266
und die Browser denken, dass Webdesigner

00:01:00.266 --> 00:01:02.263
die Textstile nach unten vererben wollen,

00:01:02.263 --> 00:01:04.608
damit sie nicht die Stile auf jeder Ebene

00:01:04.608 --> 00:01:06.361
ständig definieren müssen.

00:01:06.361 --> 00:01:08.451
Für die Zukunft gilt jedoch, dass
die meisten der neuen Eigenschaften

00:01:08.451 --> 00:01:10.669
nicht mehr vererbt werden.

00:01:10.669 --> 00:01:13.699
Wenn du dir nicht sicher bist, ob eine
Eigenschaft vererbt wird oder nicht,

00:01:13.699 --> 00:01:15.405
setze sie entweder auf den Body-Tag

00:01:15.405 --> 00:01:16.686
und schau was passiert,

00:01:16.686 --> 00:01:18.490
oder suche die Eigenschaft im Internet

00:01:18.490 --> 00:01:21.173
und lies die Dokumentation darüber.