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.

Intuitiv: Die Reihenfolge im CSS entscheidet

Intuitiv: Die Reihenfolge im CSS entscheidet – Tutorial zu CSS

Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

Gratismonat starten Für Ihr Team erwerben

Intuitiv: Die Reihenfolge im CSS entscheidet

“

Ich habe hier eine Übungsdatei, kaskade-reihenfolge.html, die finden Sie in den Übungsdateien im Ordner zu diesem Film, und das HTML dieser Übungsdatei ist recht übersichtlich und besteht nur aus einer Überschrift und drei Absätzen, von denen der erste die Klasse intro hat. In der Live-Vorschau hier sieht das Ganze so aus und gestaltet wird der Text hier von dieser CSS-Regel, die eigentlich nur die vom Browser angewendete grundlegende Formatierung sichtbar macht. Also »font-size: 1em« und line-height, der Zeilenabstand, ist normal. Das macht der Browser auch, wenn Sie das nicht hinschreiben, nur so dient es hier zur Erinnerung. Los geht es jetzt in der Kaskade, und zwar von unten nach oben. Wir fangen mit dem letzten Schritt an, weil der am einfachsten zu zeigen ist, nämlich die Reihenfolge in CSS entscheidet. Und das ist wirklich sehr simpel. Ich schreibe jetzt hier einfach einmal hin, »line-height: 1.5« und dann wird man sehen, der Text ist deutlich besser lesbar, aber darum geht es…

Inhalt