Testen Sie Ihre Fähigkeiten: CSS-Layout

Das Ziel dieses Fertigkeitstests besteht darin, zu bewerten, ob Sie verstehen, wie sich flexbox und Flexelemente verhalten. Unten sind vier gängige Designmuster aufgeführt, die Sie mit Flexbox erstellen könnten. Ihre Aufgabe ist es, sie zu bauen.

Das Ziel dieses Skill-Tests ist es, zu beurteilen, ob Sie Floats in CSS mithilfe der float und clear Eigenschaften und Werte sowie anderer Methoden zum Klären von Floats verstehen. Sie werden drei kleine Aufgaben durchlaufen, die verschiedene Elemente des gerade behandelten Materials verwenden.

Ziel dieses Fähigkeitstests ist es, zu beurteilen, ob Sie verstehen, wie ein Grid und Grid-Elemente funktionieren. Sie werden an mehreren kleinen Aufgaben arbeiten, die verschiedene Elemente des gerade behandelten Materials verwenden.

Ziel dieses Tests ist es, zu beurteilen, ob Sie das CSS Mehrspalten-Layout verstehen, einschließlich der Eigenschaften und Werte von column-count, column-width, column-gap, column-span und column-rule. Sie werden durch drei kleine Aufgaben arbeiten, die unterschiedliche Elemente des Materials verwenden, das Sie gerade behandelt haben.

Das Ziel dieses Kompetenztests ist es, zu beurteilen, ob Sie die Positionierung in CSS mit der CSS-position-Eigenschaft und ihren Werten verstehen. Sie werden zwei kleine Aufgaben durcharbeiten, die verschiedene Elemente des gerade behandelten Materials verwenden.

Ziel dieses Fertigkeitstests ist es, zu beurteilen, ob Sie verstehen, wie man Media Queries verwendet und Sie mit einer praktischen Aufgabe im responsiven Webdesign arbeiten zu lassen. Alles, was Sie wissen müssen, um diese Aufgabe zu erfüllen, wird in den Layout-Lektionen im CSS-Layout-Modul behandelt.