Skip to content

CSS interview questions and tests

CSS is a style sheet language designed to describe the appearance of a document created using a markup language, for example, HTML, XHTML or other XML-based languages. Using our CSS interview questions and tests you can verify the skills of web designers and web programmers, regardless of the preferred programming language (PHP, Perl, Java).

The level of questions of DevSkiller CSS interview questions and programming tasks varies from Junior to Senior. In order to pass all the questions and tasks, your candidate has to have the knowledge of some markup language, for example, HTML (HyperText Markup Language) and the basics of developing applications for the web.

Technologies couvertes :

Langage de programmation : HTML, CSS

Cadres et bibliothèques Java : Bootstrap, Foundation

Outils de construction : NPM

TypeScript
JUNIOR
Compétences testées
La durée
51 minutes max.
L'évaluation
Automatique
Aperçu du test

Questions à choix

l'évaluation des connaissances Tapuscrit

Lacunes du code

l'évaluation des connaissances JavaScript, Réagir

Questions à choix

l'évaluation des connaissances HTML, CSS

Tâche de programmation - Niveau : Facile

TypeScript | React Hooks | Movies State Management - Application complète de gestion de films utilisant React Hooks en implémentant la gestion d'état aux vues existantes.

.NET
SENIOR
Compétences testées
La durée
49 minutes max.
L'évaluation
Automatique
Aperçu du test

Questions à choix

l'évaluation des connaissances .NET, C#, Modèles de messages, WCF, Applications et services web, Windows Communication Foundation, Métadonnées

Lacunes du code

l'évaluation des connaissances HTML, HTML5, CSS

Tâche de programmation - Niveau : Difficile

.NET | RSA Decryption WCF Service - Implémentation finale de l'interface WCF qui permet de décrypter et de vérifier les données cryptées à l'aide de RSA.

JavaScript
MOYEN
Compétences testées
La durée
62 minutes max.
L'évaluation
Automatique
Aperçu du test

Questions à choix

l'évaluation des connaissances JavaScript, Redux

Lacunes du code

l'évaluation des connaissances HTML, HTML5, CSS

Tâche de programmation - Niveau : Moyen

JavaScript | Redux Selectors | HR Department Trainings - Implémenter correctement les réducteurs et sélecteurs redux.

JavaScript
SENIOR
Compétences testées
La durée
85 minutes max.
L'évaluation
Automatique
Aperçu du test

Tâche de programmation - Niveau : Difficile

HTML/CSS | Page d'accueil - Définitions complètes des propriétés CSS afin que la page affiche l'écran de chargement approprié avant d'afficher la page d'accueil.

Tâche de programmation - Niveau : Difficile

JavaScript | Mémorisation fonctionnelle - Écrire les deux versions du mécanisme de mémorisation générique.

Vue.js
JUNIOR
Compétences testées
La durée
65 minutes max.
L'évaluation
Automatique
Aperçu du test

Questions à choix

l'évaluation des connaissances JavaScript, HTML, CSS

Tâche de programmation - Niveau : Facile

JavaScript | Vue.js | Notes de calendrier - Implémenter une application avec laquelle l'utilisateur peut ajouter une note pour une date qu'il choisit dans un calendrier.

JavaScript
SENIOR
Compétences testées
La durée
57 minutes max.
L'évaluation
Automatique
Aperçu du test

Questions à choix

l'évaluation des connaissances ES6, JavaScript, HTML, CSS, Accessibilité

Tâche de programmation - Niveau : Difficile

JavaScript | Mémorisation fonctionnelle - Écrire les deux versions du mécanisme de mémorisation générique.

PHP
MOYEN
Compétences testées
La durée
60 minutes max.
L'évaluation
Automatique
Aperçu du test

Lacunes du code

l'évaluation des connaissances SQL

Questions à choix

l'évaluation des connaissances ES6, JavaScript, CSS, HTML, WCAG 2.0, Accessibilité du Web

Tâche de programmation - Niveau : Moyen

PHP | Categories Repository - Implémenter des requêtes PDO qui renverront des résultats valides sur les films aux utilisateurs.

HTML
SENIOR
Compétences testées
La durée
133 minutes max.
L'évaluation
Automatique
Aperçu du test

Questions à choix

l'évaluation des connaissances AJAX, JavaScript, Développement web, ES6, Tapuscrit, CSS, HTML

Tâche de programmation - Niveau : Difficile

JavaScript | Social Media Queries | Trouver des amis par nom - Implémenter une fonction pour trouver les amis d'un utilisateur par leur nom.

Tâche de programmation - Niveau : Difficile

CSS/HTML - Barre de navigation Flexbox - Définition complète de CSS et utilisation de Flexbox pour la mise en page des composants.

PHP
JUNIOR
Compétences testées
La durée
41 minutes max.
L'évaluation
Automatique
Aperçu du test

Lacunes du code

l'évaluation des connaissances SQL, CSS, HTML

Questions à choix

l'évaluation des connaissances JavaScript

Tâche de programmation - Niveau : Facile

PHP | Faker | Manipulation de données de base - Implémenter toutes les méthodes de la classe app/Faker.

Python
MOYEN
Compétences testées
La durée
168 minutes max.
L'évaluation
Automatique
Aperçu du test

Questions à choix

l'évaluation des connaissances CSS, HTML

Tâche de programmation - Niveau : Moyen

Python | Django | Application de demande de congés | CRUD de base - Réaliser une application de gestion des demandes de congés des employés en utilisant le Framework Django.

Tâche de programmation - Niveau : Moyen

JavaScript | Social Media Queries | Trouver des likes potentiels - Implémenter une fonction pour trouver des livres qui sont considérés comme des likes potentiels.

Python
JUNIOR
Compétences testées
La durée
65 minutes max.
L'évaluation
Automatique
Aperçu du test

Questions à choix

l'évaluation des connaissances CSS, HTML

Tâche de programmation - Niveau : Facile

Python | Django | Service de change - Finir l'implémentation de Django application pour le change de devises par modyfing CBV et de compléter la logique de service.

Tâche de programmation - Niveau : Facile

JavaScript | Orders analyzer | Find an average ordered quantity for every weekday - Implémenter une méthode qui analysera le jeu de données des commandes et retournera une carte avec la quantité moyenne commandée d'un produit pour chaque jour de la semaine.

JavaScript
MOYEN
Compétences testées
La durée
95 minutes max.
L'évaluation
Automatique
Aperçu du test

Questions à choix

l'évaluation des connaissances CSS, HTML

Tâche de programmation - Niveau : Moyen

JavaScript | Orders Analyzer | Trouver une valeur moyenne de commande pour chaque jour de la semaine - Implémenter une méthode qui retournera une carte avec un nom de jour de la semaine comme clé et une valeur moyenne totale de commande.

Tâche de programmation - Niveau : Moyen

HTML/CSS - Barre de navigation Flexbox - Définition CSS complète et utilisation de Flexbox pour la mise en page des composants

CSS
JUNIOR
Compétences testées
La durée
22 minutes max.
L'évaluation
Automatique
Aperçu du test

Questions à choix

l'évaluation des connaissances CSS

Lacunes du code

l'évaluation des connaissances en matière de HTML

Tâche de programmation - Niveau : Facile

CSS | Styles de base pour DIV - Editer CSS en utilisant les règles et propriétés CSS de base. Veuillez noter que cette tâche ne peut être réalisée que dans l'IDE du navigateur.

Python
MOYEN
Compétences testées
La durée
70 minutes max.
L'évaluation
Automatique
Aperçu du test

Tâche de programmation - Niveau : Moyen

Application Python | Gallery - Terminer l'implémentation de la fonctionnalité CRUD en utilisant CBV.

Questions à choix

l'évaluation des connaissances HTML, WCAG 2.0, Accessibilité du Web, CSS

In addition, check out these JavaScript programming questions.

CSS interview questions

DevSkiller prepares CSS interview questions to aid recruiters in hiring CSS developers. Our tests present developer candidates with CSS challenges that are structured to accurately screen their CSS skills and find the right candidate for the role. DevSkiller prepares CSS interview questions for experienced candidates, as well as mid-level and junior developers.

DevSkiller CSS interview questions are unique in that they are powered by the RealLifeTesting™ methodology. RealLifeTesting™replicates the real-world scenarios CSS developers encounter in their everyday work, and presents them with appropriate CSS tasks to work on. DevSkiller CSS interview questions can save you time and money in your search for a new CSS developer.

Recommended roles for our CSS interview questions

  • Développeur web
  • Développeur frontal
  • Développeur full-stack
  • Développeur CSS
  • Développeur front end junior
  • Middle front end developer
  • Senior front end developer
  • Graphiste

How DevSkiller CSS interview questions work

Our CSS interview questions allow recruiters to analyze an applicant’s CSS skills, within a predetermined test environment. RealLifeTesting™ allows developers to accurately demonstrate their CSS knowledge, coding ability, problem-solving, and time-management skills.  RealLifeTesting™ offers a much more accurate way of assessing developers than traditional algorithmic tests. One of the great additional benefits of DevSkiller testing is that tests are carried out remotely, saving time and money.

Caractéristiques principales

  • Analyser la capacité de codage et pas seulement la capacité académique
  • CSS interview questions are accessed remotely saving time and money
  • La méthodologie RealLifeTesting™ offre une plus grande expérience utilisateur où les candidats peuvent utiliser leur propre IDE, cloner sur GIT, exécuter des tests unitaires et accéder à Stack Overflow/Github/Google pour la recherche.
  • Anti-plagiarism tools ensure test accuracy
  • Observer les tests en temps réel
  • Des résultats automatisés que les recruteurs non techniques peuvent comprendre
  • Tests disponibles pour les postes de niveau débutant, intermédiaire et supérieur

Skills covered with DevSkiller CSS interview questions

  • CSS
  • ES6
  • Fonctionnel
  • Html
  • JavaScript
  • Accessibilité
  • WCAG 2.0
  • Accessibilité du Web
  • AOP
  • AJAX
  • Promesses
  • Développement web

What to look for in a CSS developer

CSS (Cascading Style Sheets) provides a standard definition for how elements on a page appear. This allows developers to define a standard look on a page so that whenever they create a new element, all of the same design standards remain intact. This means that new elements like colors and fonts, will be consistent across the page. CSS and HTML together make up much of the bulk of the World Wide Web, so your developer needs to know more than just the basic CSS skills.

The basics of CSS are actually quite simple, but some areas require extra effort. For instance, basic coding in CSS is easy, but it can be time-consuming, so frameworks are in place to speed up the process. Your CSS developer will need to have a good knowledge of these frameworks. The most popular Frameworks are Bootstrap (v4) and Foundation (latest version 6).

Your candidate should also be up to date with the latest version of CSS and should be aware of the modules and new selectors introduced in CSS 3.

It is vital that your CSS developer is knowledgeable when it comes to various aspects of the front end tech stack, other than the frameworks listed above. This includes knowledge of the CSS preprocessors, tooling, and CSS animations. It will also be beneficial if they can tell you a little about the CSS Flexbox model, CSS grid, and CSS Box model, all varying components that make up the knowledge of any good CSS developer.

Vous aimez ce que vous voyez, mais vous en voulez plus ?

It is perfectly acceptable to think that DevSkiller CSS interview questions sound great, but to still want to get more out of them. Maybe you want to test your applicants with your own custom made CSS interview questions? No problem.

The DevSkiller online task wizard comes prepared with default settings and ready to take CSS  CSS interview questions, but you can also build your own customizable tests. This option allows you to take DevSkiller testing further. You can choose the languages you assess, allocate a specific time limit, and even set the difficulty level of each question about CSS.

Want proof that CSS interview questions work?

It can be nerve-wracking deciding the best way to invest your company’s money, after all, investment in our screening tool is a big decision for every business. If you’re still unsure, read what some of our customers have to say:

Julien Gauthiez - Responsable de l'acquisition de talents EMEA chez Criteo

"Nous utilisons DevSkiller sur 15 sites dans nos 3 régions (US/APAC/EMEA). Nous avons 7 utilisateurs fréquents dans l'AT (recruteurs) à travers nos régions, et les utilisateurs de notre gestionnaire de recrutement technique tournent en fonction des besoins actuels. Plus de 30 d'entre eux se sont connectés à la plateforme une fois pour réviser une mission ou créer un test."

Richard Williams - Vice-président de l'ingénierie chez Plutora

"Grâce à l'automatisation de la phase de sélection, nous avons pu réduire le taux d'entretien de 50%. Dans le même temps, la qualité des candidats qui parviennent à l'étape de l'entretien est désormais bien meilleure. DevSkiller ajoute un niveau de qualité supplémentaire à notre processus d'embauche technique"

Magdalena Rogóż - Responsable adjoint du marketing chez Kodilla

"L'utilisation de DevSkiller pour corriger les tests est deux fois plus rentable, tout en donnant à nos étudiants un bien meilleur test et en les préparant aux futurs tests de recrutement".

Questions fréquemment posées

Do I need to be a programmer to use DevSkiller CSS interview questions?

Devskiller CSS interview questions are deliberately designed to be as simple to use as possible. Our aim is for non-technical recruiters to be able to efficiently hire developers to fill even the most experienced developer positions. Our CSS interview questions are prepared by our experts to allow non-technical users to send out tests and verify the CSS skills of candidates of any level of expertise.

Que faites-vous en cas de plagiat ?

At DevSkiller we take plagiarism seriously and take every precaution to make sure the results of our CSS interview questions are trustworthy. We implement a number of tools to assess candidates for cheating, including screen recording and a range of social listening tools. Our automatic plagiarism detector also checks the code a candidate has entered against previous answers in our database and if there is a match, it is because the candidate has cheated.

What do candidates think of our CSS interview questions?

At DevSkiller the feedback we receive from developer candidates for our online tests is overwhelmingly positive. Candidates love the structure of our tests and like that they are being given a chance to prove their actual CSS skills, rather than simply being tested on algorithms. Occasionally candidates can be a little apprehensive at first, but this is usually because they have taken academic algorithmic tests in the past, that don’t test the skills they use day to day and they expect DevSkiller testing to be similar. Once they realize the difference, they relish having the opportunity to show what they can do.

Quelle est la durée du test ?

The duration of each CSS test depends on your preferences. DevSkiller testing comes with in-built default settings, or if you prefer you customize your tests and set your own test duration. It is also possible to set time limits for individual questions within the tests themselves.