CSS-Test zur Personalauswahl
Sehen Sie, wie die Kandidatinnen und Kandidaten CSS-Code für echte Webseiten analysieren.
- 10 Minuten
- 15 Fragen
- Mittelstufe
- Multiple Choice
- Fragen auf Englisch
- Smartphone und Desktop
Die kurze Antwort
Der CSS-Test besteht aus 15 Multiple-Choice-Fragen und dauert 10 Minuten. Er prüft, wie gut Kandidatinnen und Kandidaten CSS für echte Webseiten lesen und schreiben können, sowie ihre Kenntnisse zu Selektoren und Spezifität, Größen und Layout im Box-Modell, modernen Styling-Funktionen und grundlegender Syntax. Der Test richtet sich an Front-End-Entwicklerinnen und -Entwickler, CSS- und UI-Entwicklerinnen und -Entwickler, Webdesignerinnen und Webdesigner, die programmieren, sowie Full-Stack-Entwicklerinnen und -Entwickler, die Benutzeroberflächen erstellen.
Was gemessen wird
Praktische CSS-Kenntnisse: Selektoren und Spezifität, Box-Modell und Layout, moderne Styling-Funktionen und grundlegende Syntax.
Selektoren, Spezifität und Kaskade
Die Kandidatinnen und Kandidaten prüfen Selektoren und Deklarationen, um herauszufinden, welche Regel in der Kaskade Vorrang hat.
Layout
Die Fragen prüfen, wie die Kandidatinnen und Kandidaten über Größen im Box-Modell und die Platzierung von Elementen nachdenken.
Erweitertes Styling
Die Kandidatinnen und Kandidaten finden heraus, welche Ergebnisse benutzerdefinierte Eigenschaften, Funktionen und Container-Abfragen liefern.
Syntax und Grundlagen
Die Fragen prüfen grundlegende CSS-Syntax anhand kurzer Stylesheets und HTML-Codeausschnitte.
Frageformate
Multiple Choice
Die Kandidatin oder der Kandidat: Liest eine kurze Situation, Tabelle oder Aussage und wählt die richtige oder alle richtigen Antworten aus.
Sie sehen: Ob die kandidierende Person den Stoff gut genug kennt, um ihn anzuwenden, statt ihn nur wiederzuerkennen.
15 Fragen in 10 Minuten, die nacheinander angezeigt werden.
Passende Rollen für diesen Test
Front-End-Entwicklerinnen und -Entwickler, CSS- und UI-Entwicklerinnen und -Entwickler, Webdesignerinnen und Webdesigner, die programmieren, sowie Full-Stack-Entwicklerinnen und -Entwickler, die Benutzeroberflächen erstellen.
Was dieser CSS-Test zeigen kann
Mehr als ein Lebenslauf
Sehen Sie, wie die Kandidatinnen und Kandidaten CSS-Regeln, Größen und Positionierungen im Code interpretieren, statt sich nur auf ihre Beschreibung der eigenen Erfahrung zu verlassen.
Eine gezielte Kompetenzprüfung
Prüfen Sie mit einem kurzen Test Spezifität, Layout, modernes Styling und Syntax, bevor Sie entscheiden, welche Bereiche Sie weiter untersuchen möchten.
Eine gemeinsame Ausgangsbasis
Geben Sie allen Kandidatinnen und Kandidaten denselben Test mit 15 Fragen. Notizzettel sind erlaubt, und für die Berechnung von Größen ist kein Taschenrechner erforderlich.
Sinnvolle Anschlussfrage im Vorstellungsgespräch
Nutzen Sie die Ergebnisse, um eine passende Arbeitsprobe auszuwählen und die Kandidatin oder den Kandidaten nach der Begründung zu fragen.
Was Sie für jede kandidierende Person erhalten
- Während des gesamten Tests im Test-Tab geblieben
- Keine eingefügten Antworten
- In gleichmäßigem Tempo beantwortet
Ergebnisse, Profile und Integritätssignale dienen Ihnen als Anhaltspunkte, die Sie zusammen mit einem Vorstellungsgespräch prüfen können. Sie führen niemals automatisch zu einer Entscheidung.
Testdesign und Integritätssignale
Bei jedem Versuch wird ein anderer Fragensatz aus umfangreichen Fragenpools zusammengestellt. Fragen und Antwortoptionen erscheinen in einer anderen Reihenfolge, und die Kandidatinnen und Kandidaten erhalten jeweils eine Frage nach der anderen. Der 10-Minuten-Timer läuft auf dem Server, und frühere Fragen können nicht erneut aufgerufen werden. Beim Neuladen wird dieselbe Frage mit der verbleibenden Zeit wieder angezeigt. Fragetexte können weder kopiert noch markiert werden. HireValid erfasst Signale wie die Zeit außerhalb des Test-Tabs, eingefügte Antworten und Antworten, die schneller eingegeben werden, als eine Frage gelesen werden kann. Ein Integrity Score und eine Übersicht der erfassten Hinweise werden zur Prüfung durch den Arbeitgeber bereitgestellt; keiner von beiden entscheidet allein. Erfahren Sie, wie HireValid Tests erstellt.
So beugen wir KI-gestützter Täuschung vor · Integritätssignale
Nutzen Sie die Punktzahl als Ausgangspunkt
Betrachten Sie das Ergebnis als Hinweis, den eine Person prüfen sollte, nicht als Einstellungsentscheidung. Gehen Sie dabei wie folgt vor:
- Prüfen Sie die Ergebnisse zu Selektoren und Spezifität, Layout, modernem Styling und Syntax.
- Ergänzen Sie sie durch eine CSS-Arbeitsprobe, die die Aufgaben im Bereich Benutzeroberflächen der Stelle widerspiegelt.
- Besprechen Sie die Entscheidungen der Kandidatin oder des Kandidaten in einem strukturierten Gespräch und berücksichtigen Sie dabei das Testergebnis zusammen mit der Arbeitsprobe. Hilfe zu diesem Schritt finden Sie in unserem Leitfaden für strukturierte Gespräche.
Fragen für strukturierte Vorstellungsgespräche
Wie würden Sie untersuchen, warum eine Stilregel auf einer Seite nicht angewendet wird?
Achten Sie auf eine praktische Vorgehensweise zur Prüfung der relevanten Selektoren, ihrer Spezifität und der Kaskade sowie eine nachvollziehbare Begründung.
Wie würden Sie die Größe und Position einer Karte innerhalb eines Seitenlayouts festlegen?
Achten Sie auf eine klare Erklärung des Box-Modells und der gewünschten Positionierung statt auf eine auswendig gelernte Definition.
Erzählen Sie mir, wie Sie bei einer Styling-Aufgabe eine benutzerdefinierte Eigenschaft oder Funktion einsetzen würden.
Achten Sie auf einen konkreten Anwendungsfall und eine Erklärung dazu, welches Ergebnis das CSS erzielen würde.
Was würden Sie überprüfen, wenn eine Container Query nicht das erwartete Ergebnis liefert?
Achten Sie auf eine schrittweise Erklärung, die sich auf den Code und das gewünschte Layout bezieht.
Bewertung und Vergleichswerte verstehen
Fairness und angemessene Vorkehrungen
Die Fragen verwenden kurzen, neutralen Code mit einfachen Klassennamen und allgemeinen Seitenelementen wie Karten, Menüs und Formularen. Es gibt keine Redewendungen, kein lokales Wissen und keine Markennamen. Die Antworten basieren auf aktuellen CSS-Standards und nicht auf Eigenheiten eines bestimmten Browsers. Eine Frage zu Farben wird anhand des Codes beantwortet, nicht anhand einer dargestellten Farbe. Alle Kandidatinnen und Kandidaten dürfen Notizzettel verwenden. Größen, die berechnet werden müssen, sind ganze Zahlen, für die kein Taschenrechner erforderlich ist.
Sie können jedem Kandidaten als angemessene Anpassung mehr Zeit geben. Die Ergebnisse dienen der Prüfung durch eine Person, niemals einer automatischen Entscheidung.
Vorläufig: Die Zuverlässigkeit wird angegeben, sobald 200 Kandidatinnen und Kandidaten den Test abgeschlossen haben.
Testdetails
Ein kurzer, zeitlich begrenzter Fragenblock zum Schreiben und Lesen von CSS für echte Webseiten. Die Kandidatinnen und Kandidaten sehen sich kurze Stylesheets und HTML-Codeausschnitte an und finden heraus, welche Regel Vorrang hat, wie Elemente bemessen und platziert werden und welche Ergebnisse moderne Funktionen wie benutzerdefinierte Eigenschaften, Funktionen und Container-Abfragen liefern.
- Die Fragen sind auf Englisch.
- Zulässige Hilfsmittel: Notizpapier.
- Jede Frage wird der Reihe nach einmal beantwortet. Ein Zurückgehen ist nicht möglich.
- 4 Übungsfragen, 3 Minuten, vor dem zeitlich begrenzten Test.
Häufig gestellte Fragen
Was misst der CSS-Test?+
Der Test prüft praktische CSS-Kenntnisse anhand kurzer Stylesheets und HTML-Codeausschnitte. Die Kandidatinnen und Kandidaten finden heraus, welche Regel Vorrang hat, wie Elemente bemessen und platziert werden und welche Ergebnisse moderne Funktionen wie benutzerdefinierte Eigenschaften, Funktionen und Container-Abfragen liefern.
Wie lange dauert der CSS-Test, und können Kandidatinnen und Kandidaten zu vorherigen Fragen zurückkehren?+
Der CSS-Test umfasst 15 Multiple-Choice-Fragen und dauert höchstens 10 Minuten. Die Kandidatinnen und Kandidaten können nicht zu einer früheren Frage zurückkehren. Der Übungssatz umfasst 4 Fragen und dauert 3 Minuten. Notizzettel sind erlaubt.
Für welche Rollen eignet sich der CSS-Test?+
Der Test richtet sich an Front-End-Entwicklerinnen und -Entwickler, CSS- und UI-Entwicklerinnen und -Entwickler, Webdesignerinnen und Webdesigner, die programmieren, sowie Full-Stack-Entwicklerinnen und -Entwickler, die Benutzeroberflächen erstellen. Kombinieren Sie ihn mit einer Arbeitsprobe, die die CSS- und Layout-Aufgaben Ihrer Stelle widerspiegelt. Bei der Besetzung von Stellen in der Oberflächenentwicklung können Sie ihn auch mit dem [Angular-Test](/tests/programming-skills/angular) vergleichen.
Wie sollte ich das Ergebnis des CSS-Tests interpretieren?+
Nutzen Sie das Ergebnis als Hinweis zur weiteren Prüfung, nicht als Urteil oder alleinige Einstellungsentscheidung. Vergleichen Sie es mit einer CSS-Arbeitsprobe und besprechen Sie die Entscheidungen der Kandidatin oder des Kandidaten in einem strukturierten Gespräch. Anregungen für einen rücksichtsvollen Einstellungsprozess finden Sie in unserem [Leitfaden für einen bewerberfreundlichen Einstellungsprozess](/guides/candidate-friendly-hiring).
Ähnliche Tests
HTML5
10 Minuten, Programmierfähigkeiten
EntdeckenShopify
10 Minuten, Programmierfähigkeiten
EntdeckenReact
10 Minuten, Programmierfähigkeiten
EntdeckenLaravel
10 Minuten, Programmierfähigkeiten
EntdeckenBootstrap
10 Minuten, Programmierfähigkeiten
EntdeckenjQuery
10 Minuten, Programmierfähigkeiten
EntdeckenNutzen Sie den Test CSS bei Ihrer nächsten Einstellung
Der Tarif Free umfasst 5 wichtige Tests; kostenpflichtige Tarife umfassen den Vollständige Testbibliothek.