COMPÉTENCES EN PROGRAMMATION

Test CSS pour le recrutement

Découvrez comment les candidats raisonnent à partir de code CSS destiné à des pages réelles.

10 minutes
15 questions
Intermédiaire
Choix multiple
Questions en anglais
Téléphone et ordinateur

Utilisez ce test gratuitement Voir les formats de questions

La réponse courte

Le test CSS est une série de 15 questions à choix multiple, d’une durée de 10 minutes, sur la lecture et l’écriture de CSS pour des pages réelles. Il évalue les sélecteurs et la spécificité, le dimensionnement selon le modèle de boîte et la mise en page, les fonctionnalités modernes de mise en forme et la syntaxe de base. Il s’adresse aux développeurs front-end, aux développeurs CSS et d’interfaces utilisateur, aux webdesigners qui écrivent du code et aux développeurs full-stack qui créent des interfaces.

Ce que cela mesure

Connaissances pratiques en CSS : sélecteurs et spécificité, modèle de boîte et mise en page, fonctionnalités modernes de mise en forme et syntaxe de base.

Sélecteurs, spécificité et cascade

Les candidats examinent les sélecteurs et les déclarations pour déterminer quelle règle l’emporte dans la cascade.

Mise en page

Les questions invitent les candidats à raisonner sur le dimensionnement selon le modèle de boîte et le positionnement des éléments.

Mise en forme avancée

Les candidats déterminent le résultat produit par les propriétés personnalisées, les fonctions et les requêtes de conteneur.

Syntaxe et notions fondamentales

Les questions évaluent les bases de la syntaxe CSS à l’aide de courtes feuilles de style et d’extraits HTML.

Formats de questions

Choix multiple

Le candidat : Lit une courte situation, un tableau ou un énoncé, puis choisit la bonne réponse ou toutes les bonnes réponses.

Vous voyez : Si le candidat maîtrise suffisamment le sujet pour le mettre en pratique, et pas seulement le reconnaître.

15 questions en 10 minutes, présentées une à une.

Postes adaptés à ce test

Les développeurs front-end, les développeurs CSS et d’interfaces utilisateur, les webdesigners qui écrivent du code et les développeurs full-stack qui créent des interfaces.

Ce que cette évaluation CSS peut révéler

Des éléments concrets au-delà du CV
Voyez comment les candidats interprètent les règles CSS, le dimensionnement et le positionnement dans le code, au lieu de vous fier uniquement à leur description de leur expérience.
Une évaluation ciblée des compétences
Utilisez un test court pour évaluer la spécificité, la mise en page, la mise en forme moderne et la syntaxe avant de décider quels points approfondir.
Un point de départ commun
Proposez à tous les candidats le même format de 15 questions. Le brouillon est autorisé et aucun calcul ne nécessite de calculatrice.
Questions de suivi utiles en entretien
Utilisez les résultats pour choisir un exemple de travail pertinent et interroger la personne candidate sur son raisonnement.

Ce que vous obtenez pour chaque candidat

Exemple de rapport (données fictives)CSS

68 %Percentile 40. Référence : candidats HireValid, n = 1 257

Sélecteurs, spécificité et cascade74 %

Mise en page57 %

Mise en forme avancée60 %

Syntaxe et notions fondamentales79 %

Integrity ScoreConfiance élevée

Est resté sur l’onglet du test pendant toute sa durée
Aucune réponse copiée-collée
A répondu à un rythme régulier

Les scores, les profils et les signaux d’intégrité sont des éléments que vous pouvez examiner en complément d’un entretien, et ne constituent jamais une décision automatique.

Utilisez ce test gratuitement

Conception de l’évaluation et signaux d’intégrité

Chaque tentative propose un ensemble de questions différent, tiré de vastes banques. Les questions et les choix de réponse s’affichent dans un ordre différent, et les candidats reçoivent une question à la fois. Le compte à rebours de 10 minutes s’exécute sur le serveur, et les candidats ne peuvent pas revenir aux questions précédentes. En rechargeant la page, ils retrouvent la même question avec le temps restant. Le texte des questions ne peut pas être copié ni sélectionné. HireValid enregistre des signaux tels que le temps passé hors de l’onglet du test, les réponses dans lesquelles du texte a été collé et les réponses données plus vite qu’il n’est possible de lire une question. Un Integrity Score et une chronologie des éléments observés sont fournis à l’employeur pour examen ; aucun des deux ne prend de décision à lui seul. Découvrez comment HireValid conçoit ses tests.

Comment nous prévenons la fraude assistée par l’IA · Signaux d’intégrité

Utilisez le score comme point de départ

Considérez le score comme un élément à examiner par une personne, et non comme une décision d’embauche. Suivez ces étapes :

Examinez les résultats concernant les sélecteurs et la spécificité, la mise en page, la mise en forme moderne et la syntaxe.
Complétez-les par un exercice pratique de CSS correspondant au travail d’interface lié au poste.
Discutez des choix du candidat lors d’un entretien structuré, en tenant compte du score et de l’exercice pratique. Pour vous aider, consultez notre guide des entretiens structurés.

Questions d’entretien structuré

Comment analyseriez-vous une page où une règle de style ne s’applique pas ?
Attendez-vous à une méthode pratique pour examiner les sélecteurs concernés, leur spécificité et la cascade, avec un raisonnement expliqué.
Comment vous y prendriez-vous pour dimensionner et positionner une carte dans la mise en page d’une page ?
Attendez-vous à un raisonnement clair sur le modèle de boîte et le positionnement souhaité, plutôt qu’à une définition récitée par cœur.
Expliquez-moi comment vous utiliseriez une propriété personnalisée ou une fonction dans une tâche de mise en forme.
Attendez-vous à un exemple d’utilisation concret et à une explication du résultat produit par le CSS.
Que vérifieriez-vous si une requête de conteneur ne produisait pas le résultat attendu ?
Attendez-vous à une explication étape par étape, liée au code et à la mise en page souhaitée.

Comprendre les scores et les repères

Équité et aménagements

Les questions s’appuient sur de courts extraits de code neutres, avec des noms de classes simples et des éléments de page génériques comme des cartes, des menus et des formulaires. Elles ne comportent ni expressions idiomatiques, ni références locales, ni noms de marque. Les réponses s’appuient sur les normes CSS actuelles plutôt que sur les particularités d’un navigateur. Une question sur la couleur se résout à partir du code, jamais en observant une couleur affichée. Tous les candidats peuvent utiliser du brouillon, et les calculs de dimensions portent sur des nombres entiers qui ne nécessitent pas de calculatrice.

Vous pouvez accorder un délai supplémentaire à tout candidat à titre d’aménagement. Les résultats sont des éléments qu’une personne doit examiner, jamais une décision automatique.

Donnée provisoire : la fiabilité sera communiquée lorsque 200 candidats auront passé le test.

Découvrez notre approche de l’équité

Détails du test

Une série courte et chronométrée de questions sur la lecture et l’écriture de CSS pour des pages réelles. Les candidats examinent de courtes feuilles de style et des extraits HTML afin de déterminer quelle règle s’applique, comment les éléments sont dimensionnés et positionnés, et quel résultat produisent des fonctionnalités modernes comme les propriétés personnalisées, les fonctions et les requêtes de conteneur.

Les questions sont en anglais.
Aides autorisées : Brouillon.
Chaque question reçoit une réponse une seule fois, dans l’ordre, sans possibilité de revenir en arrière.
4 questions d’entraînement, 3 minutes, avant le test chronométré.

Foire aux questions

Que mesure l’évaluation CSS ?+

Ce test évalue les connaissances pratiques en CSS à l’aide de courtes feuilles de style et d’extraits HTML. Les candidats déterminent quelle règle s’applique, comment les éléments sont dimensionnés et positionnés, et quel résultat produisent des fonctionnalités modernes comme les propriétés personnalisées, les fonctions et les requêtes de conteneur.

Combien de temps dure le test CSS, et les candidats peuvent-ils revenir aux questions précédentes ?+

Le test CSS comporte 15 questions à choix multiple et dure 10 minutes. Les candidats ne peuvent pas revenir à une question précédente. La série d’entraînement comporte 4 questions et dure 3 minutes. Le brouillon est autorisé.

À quels postes l’évaluation CSS convient-elle ?+

Il s’adresse aux développeurs front-end, aux développeurs CSS et d’interfaces utilisateur, aux webdesigners qui écrivent du code et aux développeurs full-stack qui créent des interfaces. Complétez-le par un exercice pratique correspondant aux tâches de CSS et de mise en page liées au poste. Vous pouvez aussi le comparer au [test Angular](/tests/programming-skills/angular) pour recruter des personnes chargées du développement d’interfaces.

Comment interpréter le score au test CSS ?+

Utilisez le résultat comme un élément à examiner, et non comme un verdict ou une décision d’embauche à lui seul. Comparez-le à un exercice pratique de CSS et discutez des choix du candidat lors d’un entretien structuré. Pour des idées sur un processus de recrutement attentif aux candidats, consultez le [guide pour un recrutement respectueux des candidats](/guides/candidate-friendly-hiring).