CSS-Vererbung | Einführung in HTML/CSS: Webseiten erstellen | Computerprogrammierung | Khan Academy

Erstellt von: pamela

Übe diese Lektion jetzt selbst auf KhanAcademy.org:
https://de.khanacademy.org/computing/computer-programming/html-css/css-text-properties/e/quiz--text-properties?utm_source=YT&utm_medium=Desc&utm_campaign=computerprogramming

Sieh dir die nächste Lektion an: https://de.khanacademy.org/computing/computer-programming/html-css/css-layout-properties/p/css-grouping-elements?utm_source=YT&utm_medium=Desc&utm_campaign=computerprogramming

Hast du die vorherige Lektion verpasst? https://de.khanacademy.org/computing/computer-programming/html-css/css-text-properties/p/more-css-text-properties?utm_source=YT&utm_medium=Desc&utm_campaign=computerprogramming

Computerprogrammierung auf Khan Academy: Lerne, wie man Zeichnungen, Animationen und Spiele mit JavaScript und ProcessingJS programmiert, oder wie man Webseiten mit HTML und CSS erstellt. Du kannst alles, was du erstellst, mit anderen teilen, erkunden, was andere erstellt haben und voneinander lernen!

Über Khan Academy: Khan Academy ist eine gemeinnützige Organisation, die es sich zur Aufgabe gemacht hat, kostenlose Bildung von Weltklasse für jeden und überall anzubieten. Wir glauben, dass Lernende jeden Alters unbegrenzten Zugang zu kostenlosen Bildungsinhalten haben sollten, die sie in ihrem eigenen Tempo meistern können. Wir nutzen intelligente Software, fundierte Datenanalysen und intuitive Benutzeroberflächen, um Schüler/innen und Lehrer/innen auf der ganzen Welt zu unterstützen. Unsere Ressourcen decken den gesamten Bildungsbereich von der Vorschule bis zum College ab, einschließlich Mathe, Biologie, Chemie, Physik, Wirtschaft, Finanzen, Geschichte, Grammatik und mehr. In Zusammenarbeit mit dem Entwickler des Tests, dem College Board, bieten wir eine kostenlose, personalisierte SAT-Testvorbereitung an. Khan Academy wurde in Dutzende von Sprachen übersetzt, und jedes Jahr nutzen 100 Millionen Menschen weltweit unsere Plattform. Weitere Informationen findest du unter www.khanacademy.org, folge uns auf Facebook oder auf Twitter unter @khanacademy. Und vergiss nicht: Du kannst alles lernen.

Umsonst. Für jeden. Für immer. #YouCanLearnAnything

Abonniere den Computerprogrammier-Kanal von Khan Academy: https://www.youtube.com/channel/UCzYDKG5mmfPPIosXuQ1PvEA?sub_confirmation=1
Abonniere Khan Academy: https://www.youtube.com/subscription_center?add_user=khanacademy

Jetzt da du einen Haufen
Eigenschaften gesehen hast,

möchte ich dir etwas zeigen,

das du vielleicht schon selbst herausgefunden hast,

ein Konzept namens Vererbung.

Einige CSS-Eigenschaften werden vererbt

das heißt, sie werden vererbt

an alle untergeordneten Tags weitergegeben werden.

Zum Beispiel ist font-family (Schriftfamilie)
eine vererbte Eigenschaft.

Du musst sie nur im Body-Tag festlegen,

und wir sehen, dass sie automatisch

von den Child-Tags übernommen wird.

Wie das h1 in Absätzen.

Sie wird erst dann nicht mehr wirksam
wenn eine andere Regel überschreibt,

wie diese Regel, die die Schriftfamilie

aller Überschriften auf kursiv ändert.

Eine weitere vererbte Eigenschaft ist color (Farbe).

Wenn wir sie auf body setzen, können wir
sehen, wie sie nach unten

auf alle Tags innerhalb von body vererbt wird
bis andere Regeln sie außer Kraft setzen.

wie diese Regel hier
die die h2s auf grün setzt.

Andere geerbte Eigenschaften, die
wir gesehen haben, sind font-weight (Schriftstärke),

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

Eigentlich sind viele der Eigenschaften
die wir gesehen haben, vererbt,

weil sie mit der Textgestaltung zu tun haben

und die Browser denken, dass Webdesigner

die Textstile nach unten vererben wollen,

damit sie nicht die Stile auf jeder Ebene

ständig definieren müssen

Für die Zukunft gilt jedoch, dass
die meisten der neuen Eigenschaften

nicht mehr vererbt werden.

Wenn du dir nicht sicher bist, ob eine
Eigenschaft vererbt wird oder nicht,

setze sie entweder auf den Body-Tag

und schau was passiert,

oder suche die Eigenschaft im Internet

und lies die Dokumentation darüber.