Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Entwickler-Tool: Kaskade und Vererbung im Browser analysieren

Entwickler-Tool: Kaskade und Vererbung im Browser analysieren – Tutorial zu CSS

Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

Gratismonat starten Für Ihr Team erwerben

Entwickler-Tool: Kaskade und Vererbung im Browser analysieren

“

In einem modernen Browser wie Chrome, Edge oder Firefox können Sie die Auswirkungen der Kaskade und auch der Konzepte Vererbung und Standardwerte im Entwicklertool sehr schön analysieren. Ich drücke hier jetzt F12 im Chrome und habe hier das Entwicklertool und möchte jetzt wissen, wie das aussieht: Warum wird jetzt hier die Schrift in diesem Absatz groß geschrieben? Und dann sieht man hier schon die Kaskade in Aktion. Man liest von unten nach oben, für body ist also nichts definiert, aber wir sehen schon, die Schriftart für diesen Absatz wird vererbt vom body, »font-family: sans serif«. Wenn ich das ausstelle, haben wir die normale Browser- Standardschriftart mit Serifen. Dann gibt es hier aus dem »user agent stylesheet«, aus dem Browserstylesheet auf gut Deutsch, einige Einstellungen, die haben aber mit der Schriftgröße nichts zu tun. Dann ist im Stylesheet die Schriftgröße für p definiert auf 1em, aber im Rahmen der Kaskade wird diese Definition durchgestrichen und es gilt »p.intro…

Inhalt