Welche Themen werden im Kurs behandelt?
Einführung in CSS
CSS Grundlagen Teil 1:
Definieren von Stil und Anwenden auf CSS.
Beispiele für die Anwendung von font-size, color, text-align, margin, padding, border und background-color auf die Elemente.
Definieren von Links und wie man sie in HTML integriert, um CSS-Styling anzuwenden.
Die Hierarchie von inline style > id > class > tag für die effiziente Anwendung von CSS-Stilen.
Direktes Anwenden von CSS-Stilen auf ein Element mit inline styles.
Anwenden von CSS-Stilen mit id.
Anwenden von CSS-Stilen mit class.
CSS Grundlagen Teil 2:
Verwenden von HTML-Tags.
Verschachteln von HTML-Elementen.
Verstehen der Hierarchie von CSS-Klassen.
Erkunden von hover und dessen Anwendung.
Anpassen der HTML-Breite und -Höhe.
Seitenlayout-Infrastruktur Teil 1:
Namenskonventionen für Klassen in CSS
Der Unterschied zwischen den Eigenschaften visibility und display und wie man sie im Design anwendet
Beispiele für CSS-Eigenschaften wie border-radius, visibility, display und box-sizing
Die Vorteile der Verwendung des border-box Modells für ein besseres Design-Layout.
Seitenlayout-Infrastruktur Teil 2:
Verbesserung von Layouts in CSS.
Was float und clear mit dem Layout des Dokuments machen.
Die Verwendung von float und clear.
Eine Übersicht über Ansätze zur Ausrichtung von Elementen.
Elemente mit CSS positionieren Teil 1:
Erkunden der position in CSS.
Verstehen der relativen Positionierung.
Verstehen der absoluten Positionierung.
Kontrolle der Position mit den Eigenschaften top, left, right und bottom.
Verwenden von z-index, um die Stapelreihenfolge von Elementen zu steuern.
Elemente mit CSS positionieren Teil 2:
Lernen, wie man Elemente mit der CSS-Eigenschaft position positioniert.
Den Unterschied zwischen position: relative und position: absolute verstehen.
Erforschen, wie man die Eigenschaften top, left, right und bottom verwendet, um die Position von Elementen anzupassen.
Entdecken, wie man die Stapelreihenfolge von Elementen mit der Eigenschaft z-index kontrolliert.