Test d’évaluation en CSS3 sous forme de QCM

Bienvenue à notre test d’évaluation en CSS3 sous forme de questionnaire à choix multiples (QCM). Ce test vise à évaluer vos compétences et votre compréhension du langage de style en cascade CSS3, essentiel pour la mise en forme et la présentation des pages web modernes.

À propos de CSS3 :

CSS3 (Cascading Style Sheets 3) est la dernière version de la norme CSS utilisée pour contrôler la mise en page, la présentation et l’apparence visuelle des pages web.
Il offre des fonctionnalités avancées telles que les transitions, les animations, les dégradés, les transformations et bien plus encore. La maîtrise de CSS3 est cruciale pour tout développeur web qui souhaite créer des sites web élégants et responsifs.

Comment fonctionne ce test :

Ce test est composé de plusieurs questions à choix multiples (QCM), chacune ayant une seule réponse correcte. L’objectif est de sélectionner la réponse la plus appropriée pour chaque question.
Pour répondre, cliquez sur la réponse de votre choix et passez à la question suivante. Vous pouvez également revenir en arrière pour revoir vos réponses avant de soumettre le test.

Pourquoi passer ce test :

Évaluer votre niveau de compétence en CSS3.
Identifier vos domaines de force et de faiblesse en design web.
Vous préparer à des tâches de développement web nécessitant CSS3.
Mettre en avant votre expertise auprès des employeurs ou des collègues.

Conseils pour réussir :

Lisez attentivement chaque question et répondez en fonction de vos connaissances.
Prenez votre temps, il n’y a pas de limite de temps, alors réfléchissez bien.
En cas de doute, faites une estimation éclairée.
Assurez-vous de bien comprendre les concepts de base de CSS3, tels que les sélecteurs, les propriétés, les valeurs, les boîtes, les flexbox, les grilles, etc.
Prêt à tester vos connaissances en CSS3 ? Cliquez sur le bouton de démarrage pour commencer le test !

QCM les sélecteurs en CSS

Veuillez attendre la fin du chargement de l'activité.
Si l'activité se ne charge pas, essayez de rafraîchir votre navigateur. Cette page nécessite aussi Javascript. Veuillez la visiter avec Javascript activé.

Si le chargement échoue, cliquez ici pour ré-essayer

Départ

Félicitation - vous avez complété QCM les sélecteurs en CSS.

Vous avez obtenu %%SCORE%% sur %%TOTAL%%.

Votre performance a été évaluée à %%RATING%%

Vos réponses sont surlignées ci-dessous.

Question 1

Quelle propriété CSS3 est utilisée pour créer des colonnes de texte dans un élément?

A	multi-column
B	text-columns
C	column-count
D	column-layout

Question 2

Quelle propriété CSS3 est utilisée pour créer une ombre portée autour d'un élément?

A	shadow-effect
B	box-shadow
C	text-shadow
D	border-shadow

Question 3

Quelle propriété CSS3 est utilisée pour créer une animation en boucle?

A	infinite-animation
B	animation-iteration-count
C	animation-loop
D	loop-animation

Question 4

Quelle propriété CSS3 est utilisée pour créer un texte incurvé autour d'un élément circulaire?

A	curved-text
B	text-curve
C	text-circle
D	text-path

Question 5

Quelle propriété CSS3 est utilisée pour créer un effet de transition pour les filtres CSS?

A	filter-transition
B	filter
C	transition-filter
D	filter-effect

Question 6

Quelle propriété CSS3 est utilisée pour définir l'ordre d'affichage des éléments dans un flux flex?

A	display-order
B	flex-order
C	order
D	flex-direction

Question 7

Quelle propriété CSS3 est utilisée pour ajouter du contenu généré avant ou après un élément?

A	generate-content
B	after
C	before
D	content

Question 8

Quelle propriété CSS3 est utilisée pour appliquer une transition fluide entre deux états d'un élément?

A	state-transition
B	transition-effect
C	smooth-transition
D	transition

Question 9

En CSS, comment sélectionnez-vous une image par son identifiant ? <img id="mon_image" src="chat.png">

A	.mon_image { }
B	img { }
C	mon_image { }
D	#mon_image { }

Question 10

Quelle propriété CSS3 est utilisée pour appliquer un effet de transition en douceur aux coins d'un élément, le rendant circulaire?

A	border-radius
B	border-shape
C	corner-curve
D	curve-border

Question 11

Quelle propriété CSS3 est utilisée pour créer une image d'arrière-plan qui ne se répète pas?

A	no-repeat
B	background-attachment
C	background-repeat
D	background-image

Question 12

Quelle propriété CSS3 est utilisée pour définir le comportement d'un élément en cas de débordement de contenu?

A	text-overflow
B	box-overflow
C	overflow
D	content-overflow

Question 13

Quelle pseudo-classe CSS3 est utilisée pour cibler un lien qui est au survol de la souris?

A	:hover
B	:visited
C	:active
D	:link

Question 14

Quelle unité de mesure CSS3 est relative à la taille du viewport?

A	cm
B	vw
C	px
D	em

Question 15

Quelle propriété CSS3 est utilisée pour définir la taille de police en fonction de la taille de la police de l'élément parent?

A	font-size
B	font-em
C	font-relative-size
D	font-adjust

Question 16

Quelle propriété CSS3 est utilisée pour spécifier la couleur de la première lettre d'un élément?

A	initial-letter-color
B	first-letter-color
C	letter-color
D	::first-letter

Question 17

Quelle propriété CSS3 est utilisée pour spécifier l'opacité d'un élément?

A	transparency
B	alpha
C	opacity
D	visibility

Question 18

En CSS, comment sélectionnez-vous toutes les balises  d'une page ?

A	p { }
B	#p { }
C	.p { }
D	{ }

Question 19

Quelle propriété CSS3 est utilisée pour créer un effet de déplacement des éléments lors du défilement de la page?

A	parallax
B	scroll-effect
C	scroll-animation
D	transform-scroll

Question 20

Quelle propriété CSS3 est utilisée pour appliquer un effet de transition en douceur aux propriétés de transformation, comme l'échelle et la rotation?

A	transform-transition
B	transition-transform
C	transition
D	transform-effect

Question 21

Quelle pseudo-classe CSS3 est utilisée pour cibler un élément qui est le premier enfant d'un élément parent?

A	:initial-child
B	:primary-child
C	:first-child
D	:start-child

Question 22

Quelle unité de mesure CSS3 est relative à la taille de la police de l'élément parent?

A	px
B	rem
C	pt
D	em

Question 23

Quelle pseudo-classe CSS3 est utilisée pour cibler le dernier enfant d'un élément?

A	:nth-child
B	:final-child
C	:only-child
D	:last-child

Question 24

Quelle propriété CSS3 est utilisée pour spécifier la taille minimale d'une boîte flexible?

A	min-width
B	min-flex
C	flex-min-size
D	flex-min-width

Question 25

Quelle fonction CSS3 est utilisée pour créer une dégradé linéaire?

A	gradient-linear()
B	gradient-fill()
C	linear-gradient()
D	gradient-line()

Question 26

En CSS, comment sélectionnez-vous uniquement les paragraphes avec le nom de classe "attention" ? Ne le faites pas ! Allez-y. Nooon, surtout pas.

A	.attention { }
B	attention { }
C	p { }
D	#attention { }

Question 27

Quelle propriété CSS3 est utilisée pour créer une grille flexible?

A	grid-template
B	grid-template-columns
C	display: grid
D	flex-layout

Question 28

Quelle propriété CSS3 est utilisée pour appliquer une transformation 2D à un élément, comme une rotation?

A	scale()
B	transform-2d
C	translate()
D	rotate()

Question 29

Quelle propriété CSS3 est utilisée pour créer un effet de mosaïque en arrière-plan avec une image?

A	tiled-background
B	background-size
C	background-tile
D	mosaic-background

Question 30

Quelle fonction CSS3 est utilisée pour animer les couleurs en dégradé le long d'une trajectoire spécifiée?

A	gradient-animation()
B	linear-gradient()
C	path-gradient()
D	color-animation()

Une fois terminé, cliquez sur le bouton ci-dessous. Toutes les questions que vous n'avez pas complétées sont marquées comme incorrectes. Obtenir les résultats

Il y a 30 questions à compléter.

←

→

Cours CSS

CSS

Test d’évaluation en CSS3 sous forme de QCM