Nichts ist absolut

Abhängigkeiten

Bereits das elementare Zusammenspiel zwischen HTML und CSS bringt eine neue Designlogik mit sich.

Verschachtelung (HTML)

HTML ist normaler Text, welcher mit Tags strukturiert wird. Ein HTML-Element besteht immer aus zwei Tags. Eines am Anfang, eines am Ende. Dazwischen ist der sichtbare Inhalt.

Wenn ein Text mit HTML strukturiert wird, werden die Elemente, welche zueinander gehören oder Teil eines anderen Elementes sind, verschachtelt. Zu Vergleichen ist die Verschachtelung mit Layer und Ordner in Photoshop.

Selektoren

Jedes HTML-Element ist ein Selektor für CSS. Der Tag selbst kann weitere Attribute (Class, ID, States etc.) besitzen, die im CSS angesteuert und gestylt werden können. So gibt es mehrere Arten wie ein HTML-Element gestylt werden kann.

Vererbung (CSS)

Die Verschachtelung hat eine visuelle Vererbungslogik, die im CSS zum Tragen kommt. Alle Design-Definitionen werden von der äusseren Hülle hin zur innersten vererbt. Diese Vererbung wird mit Parent und Child Elementen beschrieben. Dies gilt auch für ein HTML-Element mit seinen Attributen selbst.

Video über die Abhängigkeiten
© Webdesign Essentials
Vertiefe dich ins ganze Kapitel

Cyberspace