codequick-darkmode-logo
AnmeldenRegistrieren
CSS-Kurs

Lehrplan:

CSS-Kurs

6 Lektionen 39 Online-Programmierfragen


Welche Themen werden im Kurs behandelt?

Einführung in CSS

  1. 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.

  1. 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.

  1. 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.

  1. 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.

  1. 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.

  1. 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.