Cascading Style Sheets (CSS) Ban

Question n^o 1

Comment centrer un élément horizontalement en utilisant Flexbox ?

justify-content: center;

align-content: center;

align-items: center;

justify-items: center;

Question n^o 2

Comment utiliser la propriété `clip-path` ?

clip-path définit la couleur d'un élément.

clip-path positionne un élément.

clip-path définit la taille d'un élément.

clip-path permet de découper un élément selon une forme géométrique.

Question n^o 3

Comment définir une bordure arrondie sur un élément en CSS ?

En utilisant "background-color".

En utilisant "font-size".

En utilisant "box-shadow".

En utilisant "border-radius".

Question n^o 4

Comment définir une marge autour d'un élément en CSS ?

padding

margin

spacing

border

Question n^o 5

Quel est l'effet de la propriété CSS `position: absolute` ?

Il est positionné par rapport à son parent le plus proche.

Il se positionne toujours par rapport à l'élément body.

Il s'ajuste automatiquement à l'écran.

Il se place en haut à gauche de l'écran.

Question n^o 6

Quel est le rôle de la propriété CSS `background-color` ?

Définir la couleur de fond.

Définir la couleur du texte.

Définir la taille du texte.

Définir la couleur de la bordure.

Question n^o 7

Que fait la propriété `margin` ?

Elle définit la couleur d'un élément.

Elle définit l'interligne du texte.

Elle définit la taille de la police d'un élément.

Elle définit l'espace extérieur d'un élément.

Question n^o 8

Qu'est-ce que la méthode `calc()` en CSS et comment est-elle utilisée ?

Elle permet d'effectuer des calculs dans les propriétés CSS.

Elle permet de calculer la hauteur d'un élément.

Elle permet d'ajouter des animations CSS.

Elle permet de fixer la taille d'un élément à une valeur fixe.

Question n^o 9

Quelle propriété CSS permet de rendre un élément invisible tout en conservant son espace ?

La propriété "opacity".

La propriété "visibility".

La propriété "display".

La propriété "position".

Question n^o 10

Quel est le rôle de la propriété "font-size" en CSS ?

Elle définit la largeur de l'élément.

Elle définit la taille du texte.

Elle définit l'interlignage du texte.

Elle définit la couleur du texte.

Question n^o 11

Que fait la propriété "text-align" en CSS ?

Elle définit la couleur du texte.

Elle définit l'espacement entre les lettres.

Elle définit la taille du texte.

Elle définit l'alignement horizontal du texte.

Question n^o 12

Que fait la propriété `overflow: hidden` ?

Elle permet aux éléments de se déplacer librement.

Elle applique un filtre sur le contenu.

Elle cache le contenu débordant d'un élément.

Elle définit l'alignement d'un élément.

Question n^o 13

Que permet de contrôler le CSS ?

La présentation visuelle des pages web.

La structure du contenu HTML.

Les bases de données du site.

Le comportement dynamique des pages web.

Question n^o 14

Quel est l'effet de la propriété `overflow: hidden` ?

Elle masque le contenu qui dépasse de l'élément.

Elle applique un effet de dégradé.

Elle définit la taille du texte d'un élément.

Elle définit la couleur d'un élément.

Question n^o 15

Comment créer une animation en CSS qui fait tourner un élément ?

animation-rotate

transform et rotate

@keyframes et animation

transition et rotate

Question n^o 16

Quel est l'effet de la propriété `transform: rotate(45deg)` ?

Elle applique une translation de 45 pixels.

Elle déforme l'élément.

Elle ajuste la taille de l'élément.

Elle fait pivoter l'élément de 45 degrés.

Question n^o 17

Quelle propriété CSS permet de définir l'espacement entre les lignes de texte ?

line-height

text-indent

letter-spacing

word-spacing

Question n^o 18

Comment appliquer une animation CSS sur un élément ?

En utilisant la propriété "transition".

En utilisant la propriété "animation".

En utilisant la propriété "background".

En utilisant la propriété "border".

Question n^o 19

Quel est le rôle de la propriété `object-fit` ?

Elle modifie la position d'un élément dans le flux.

Elle ajuste le contenu d'un élément à son conteneur tout en préservant son rapport d'aspect.

Elle redimensionne un élément pour remplir complètement son conteneur.

Elle ajuste la couleur de fond d'un élément.

Question n^o 20

Qu'est-ce que la propriété "calc()" en CSS ?

Elle définit une nouvelle fonction de sélection d'éléments.

Elle permet d'ajouter des valeurs dynamiquement dans un script JavaScript.

Elle permet de faire des calculs pour définir les propriétés CSS.

Elle définit la position d'un élément dans le document.

Question n^o 21

Quel sélecteur CSS est utilisé pour cibler un élément avec un ID spécifique ?

*

.class

id

#id

Question n^o 22

Que fait la propriété `display: flex` ?

Elle définit l'alignement du texte.

Elle applique un fond coloré à un élément.

Elle définit la taille d'un élément.

Elle permet de distribuer l'espace entre les éléments enfants.

Question n^o 23

Quel est le rôle de la propriété `display` ?

Elle définit la position d'un élément.

Elle définit la taille d'un élément.

Elle définit le type d'affichage d'un élément.

Elle définit la couleur d'un élément.

Question n^o 24

Que fait la propriété `font-size` ?

Elle modifie la couleur de la police.

Elle ajoute un effet de soulignement.

Elle ajuste l'interlignage du texte.

Elle définit la taille de la police d'un texte.

Question n^o 25

Comment centrer un élément avec "flexbox" ?

En utilisant "display: flex;", "justify-content: center;" et "align-items: center;".

En utilisant "margin: auto;" uniquement.

En utilisant "position: absolute;" et "top: 50%;" avec une transformation.

En utilisant "display: block;" et "text-align: center;".

Question n^o 26

Que signifie la propriété "position: absolute;" ?

L'élément reste dans le flux normal du document.

L'élément prend la taille du conteneur.

L'élément est toujours visible.

L'élément est placé selon les coordonnées définies.

Question n^o 27

Quelle propriété permet de modifier l'espacement entre les lettres d'un texte ?

word-spacing

text-transform

line-height

letter-spacing

Question n^o 28

Quelle propriété CSS permet de créer un dégradé de couleur linéaire ?

background: linear-gradient(to right, red, yellow);

color: linear-gradient(to right, red, yellow);

background-color: linear-gradient(to right, red, yellow);

background-image: linear-gradient(to right, red, yellow);

Question n^o 29

Que permet de contrôler le CSS ?

Le comportement dynamique des pages web.

Les bases de données du site.

La structure du contenu HTML.

La présentation visuelle des pages web.

Question n^o 30

Comment ajouter une bordure autour d'un élément en CSS ?

border

margin

outline

border-radius

Question n^o 31

Qu'est-ce que "CSS Grid" et comment l'utilise-t-on ?

Il permet d'appliquer des animations sur des éléments.

Il permet de positionner des éléments de manière absolue.

Il permet de définir des conteneurs avec des lignes et des colonnes.

Il permet de changer la couleur de fond des éléments.

Question n^o 32

Quelle propriété CSS permet de définir la police d'un texte ?

text-style

font-style

text-family

font-family

Question n^o 33

Que fait la propriété `font-size` ?

Elle définit la couleur du texte.

Elle définit le style du texte.

Elle définit la taille de la police du texte.

Elle définit la graisse du texte.

Question n^o 34

Que fait la propriété `height` ?

Elle définit la couleur de fond d'un élément.

Elle définit la largeur d'un élément.

Elle définit l'espacement entre les éléments.

Elle définit la hauteur d'un élément.

Question n^o 35

Quel est l'effet de la propriété CSS `visibility` ?

visibility: none

display: none

opacity: 0

hidden

Question n^o 36

Comment ajouter une ombre à un texte en CSS ?

shadow: 2px 2px 5px gray;

font-shadow: 2px 2px 5px gray;

box-shadow: 2px 2px 5px gray;

text-shadow: 2px 2px 5px gray;

Question n^o 37

Quelle propriété CSS permet de modifier la taille d'une police ?

font-size

letter-size

text-size

font-weight

Question n^o 38

Quel est le rôle de la propriété CSS `color` ?

Définir la couleur du texte.

Définir la taille de la police.

Définir la couleur de fond.

Définir la couleur de la bordure.

Question n^o 39

Comment centrer un élément horizontalement en utilisant Flexbox ?

justify-content: center;

align-items: center;

justify-items: center;

align-content: center;

Question n^o 40

Qu'est-ce qu'un "flexbox" en CSS ?

Un modèle permettant de créer des mises en page flexibles et dynamiques.

Un modèle permettant de créer des mises en page fixes.

Un modèle permettant de modifier la police de caractère.

Un modèle permettant de définir la couleur de fond.

Question n^o 41

Que fait la propriété CSS `z-index` ?

Définit la position d'un élément.

Détermine l'ordre de superposition des éléments.

Modifie l'opacité des éléments.

Définit la taille d'un élément.

Question n^o 42

Quelle propriété CSS permet de modifier la taille d'une police ?

font-weight

letter-size

font-size

text-size

Question n^o 43

Que fait la propriété "flexbox" en CSS ?

Il permet de positionner des éléments selon une grille fixe.

Il définit les dimensions des images dans un conteneur.

Il définit la couleur du texte.

Il permet de distribuer l'espace et d'aligner les éléments de manière flexible.

Question n^o 44

Que fait la propriété `visibility: hidden` ?

Elle rend un élément opaque.

Elle cache un élément et supprime son espace.

Elle cache un élément sans affecter son espace.

Elle rend un élément invisible, mais conserve son espace.

Question n^o 45

Comment faire en sorte qu'une image de fond soit répétée seulement horizontalement ?

background-repeat: no-repeat;

background-repeat: repeat-x;

background-size: contain;

background-position: center;

Question n^o 46

Que fait la propriété `border-radius` ?

Elle définit la taille de la police d'un élément.

Elle arrondit les coins d'un élément.

Elle définit la largeur d'un élément.

Elle définit la couleur de fond d'un élément.

Question n^o 47

Quel est l'effet de la propriété `animation: fadeIn 2s ease-in-out` ?

Une animation qui change la couleur d'un élément.

Une animation qui déplace un élément de haut en bas.

Une animation qui ajuste la taille d'un élément.

Une animation qui fait apparaître un élément en douceur pendant 2 secondes.

Question n^o 48

Quelle propriété CSS permet de définir l'espacement entre les lignes de texte ?

word-spacing

line-height

text-indent

letter-spacing

Question n^o 49

Quel est le rôle de la propriété CSS `color` ?

Définir la couleur du texte.

Définir la couleur de fond.

Définir la couleur de la bordure.

Définir la taille de la police.

Question n^o 50

Que fait la propriété `font-family` ?

Elle définit la police de caractères d'un élément.

Elle définit l'espacement entre les mots.

Elle définit la taille de la police d'un élément.

Elle définit la couleur du texte d'un élément.

Question n^o 51

Qu'est-ce que le CSS ?

Un système de gestion de contenu.

Un langage de style pour définir l'apparence d'une page web.

Un langage de programmation pour les pages web.

Un type de fichier pour les images.

Question n^o 52

Quelle propriété CSS permet de changer la couleur de fond d'un élément ?

border-color

background-color

background-image

color

Question n^o 53

Que signifie l'unité CSS `em` ?

Elle est utilisée pour définir la taille des images.

Elle est relative à la taille de la police de l'élément parent.

Elle est utilisée pour définir l'espacement entre les mots.

Elle est fixe, équivalente à 16px.

Question n^o 54

Que fait la propriété `z-index` ?

Elle définit la taille d'un élément.

Elle définit la couleur de fond d'un élément.

Elle modifie l'alignement d'un élément.

Elle définit l'ordre d'empilement des éléments.

Question n^o 55

Que signifie la propriété `position: absolute` ?

Positionner l'élément en fonction de son parent immédiat.

Positionner l'élément par rapport à la fenêtre.

Positionner l'élément par rapport à son conteneur parent.

Positionner l'élément en fonction de l'espace restant.

Question n^o 56

Quel est l'utilité de la propriété "display" en CSS ?

Elle définit la largeur de l'élément.

Elle permet de masquer l'élément.

Elle change la couleur de fond de l'élément.

Elle définit le type d'affichage de l'élément.

Question n^o 57

Comment appliquer un filtre CSS sur une image ?

En utilisant la propriété "border".

En utilisant la propriété "opacity".

En utilisant la propriété "box-shadow".

En utilisant la propriété "filter".

Question n^o 58

Quelle propriété CSS permet de créer une ombre portée sur un élément ?

La propriété "text-shadow".

La propriété "box-shadow".

La propriété "opacity".

La propriété "filter".

Question n^o 59

Quelle est la différence entre "margin" et "padding" en CSS ?

Le margin est l'espace autour de l'élément, le padding est l'espace interne.

Le padding affecte la taille totale de l'élément, tandis que le margin ne le fait pas.

Le margin est l'espace interne à l'élément, le padding est l'espace externe.

Le margin et le padding font exactement la même chose.

Question n^o 60

Quelle propriété CSS permet de définir un dégradé linéaire comme fond ?

background-gradient

background-image

gradient-background

background-linear

Question n^o 61

Quel est l'effet du "z-index" en CSS ?

Il ajuste la largeur de l'élément.

Il détermine l'ordre d'empilement des éléments positionnés.

Il positionne un élément par rapport à son parent.

Il définit l'opacité de l'élément.

Question n^o 62

Que fait la propriété `transform: scale(1.5)` ?

Elle déplace un élément.

Elle redimensionne un élément.

Elle fait pivoter un élément.

Elle définit la couleur d'un élément.

Question n^o 63

Que fait la propriété `color` ?

Elle définit la police de caractères d'un élément.

Elle définit l'espacement entre les mots.

Elle définit la couleur du texte d'un élément.

Elle définit la taille du texte d'un élément.

Question n^o 64

Comment changer la taille du texte en CSS ?

En utilisant la propriété "line-height".

En utilisant la propriété "margin".

En utilisant la propriété "font-size".

En utilisant la propriété "padding".

Question n^o 65

Quelle propriété CSS permet de rendre un élément flottant à gauche ?

float: left;

position: absolute;

display: inline;

align: left;

Question n^o 66

Que fait la propriété `visibility: visible` ?

Elle cache un élément et son espace.

Elle rend un élément visible.

Elle définit la taille d'un élément.

Elle rend un élément transparent.

Question n^o 67

Que signifie la propriété "position: absolute;" ?

L'élément prend la taille du conteneur.

L'élément est toujours visible.

L'élément reste dans le flux normal du document.

L'élément est placé selon les coordonnées définies.

Question n^o 68

Que fait la propriété "background-color" en CSS ?

Elle définit la couleur du texte de l'élément.

Elle définit la couleur des bordures de l'élément.

Elle définit la couleur de fond de l'élément.

Elle définit la taille de la police de l'élément.

Question n^o 69

Qu'est-ce que la propriété "z-index" en CSS ?

Elle permet d'appliquer des animations sur les éléments.

Elle définit la couleur du fond d'un élément.

Elle détermine l'ordre d'empilement des éléments.

Elle définit la taille d'un élément.

Question n^o 70

Quelle propriété CSS permet de changer la police du texte ?

font-family

font-size

text-style

font-weight

Question n^o 71

Quel est l'effet du "position: relative;" en CSS ?

L'élément est retiré du flux et ne prend plus de place.

L'élément est placé de manière absolue par rapport à son parent.

L'élément devient fixe par rapport à la fenêtre du navigateur.

L'élément reste dans le flux normal, mais peut être déplacé par rapport à sa position originale.

Question n^o 72

Comment créer une liste ordonnée en HTML avec des puces CSS ?

list-style-type

bullet-style

list-style-position

text-decoration

Question n^o 73

Quelle propriété permet de créer une ombre portée pour un élément ?

box-shadow

shadow-box

border-shadow

text-shadow

Question n^o 74

Quel est l'effet de la propriété `padding` ?

Elle définit la bordure de l'élément.

Elle définit l'espace extérieur d'un élément.

Elle définit la couleur de l'élément.

Elle définit l'espace intérieur d'un élément.

Question n^o 75

Quel est l'effet de la propriété `text-align` ?

Elle modifie la couleur du texte.

Elle définit la taille du texte.

Elle définit l'espacement entre les mots.

Elle définit l'alignement du texte.

Question n^o 76

Quel est l'effet de la propriété CSS `opacity` ?

Elle définit la couleur de l'élément.

Elle définit la transparence d'un élément.

Elle définit la position de l'élément.

Elle définit la taille de l'élément.

Question n^o 77

Quelle propriété CSS permet de gérer les marges négatives ?

La propriété "border-radius".

La propriété "padding".

La propriété "margin".

La propriété "box-shadow".

Question n^o 78

Qu'est-ce que "opacity" en CSS ?

Elle définit l'ombre portée de l'élément.

Elle définit la couleur de fond de l'élément.

Elle définit la transparence de l'élément.

Elle définit l'espacement entre les éléments.

Question n^o 79

Comment définir un alignement horizontal des éléments avec Flexbox ?

justify-content

align-items

align-content

flex-align

Question n^o 80

Que fait la propriété `background-image` ?

Elle modifie l'opacité de l'élément.

Elle crée une bordure autour de l'élément.

Elle change la couleur de l'élément.

Elle applique une image de fond à l'élément.

Question n^o 81

Comment ajouter un ombre portée à un élément en CSS ?

border-shadow

shadow-box

box-shadow

text-shadow

Question n^o 82

Quel sélecteur CSS est utilisé pour cibler tous les éléments de type `<div>` ?

div[]

.div

#div

div

Question n^o 83

Quelle propriété CSS permet de changer la couleur d'un texte au survol ?

:active

:hover

:focus

:visited

Question n^o 84

Qu'est-ce que la "box-sizing" et pourquoi est-elle importante ?

Elle permet de modifier la taille des polices.

Elle permet de définir le modèle de calcul des tailles des éléments.

Elle permet de définir l'alignement des éléments dans le conteneur.

Elle permet de changer la couleur des bordures.

Question n^o 85

Quelle est la différence entre "padding" et "margin" en CSS ?

Le padding ajoute de l'espace à l'extérieur, le margin à l'intérieur.

Le padding est utilisé pour les polices, le margin pour la mise en page.

Le padding ajoute de l'espace à l'intérieur, le margin à l'extérieur.

Ils sont identiques, ils ajoutent tous les deux de l'espace.

Question n^o 86

Comment ajouter une ombre à un texte en CSS ?

box-shadow: 2px 2px 5px gray;

font-shadow: 2px 2px 5px gray;

shadow: 2px 2px 5px gray;

text-shadow: 2px 2px 5px gray;

Question n^o 87

Quelle propriété permet de définir l'espacement entre les éléments dans un conteneur flex ?

gap

align-items

space-between

justify-content

Question n^o 88

Qu'est-ce que la propriété "z-index" en CSS ?

Elle définit la taille de l'élément.

Elle définit la couleur de l'élément.

Elle détermine l'ordre de superposition des éléments.

Elle définit la position de l'élément sur l'axe horizontal.

Question n^o 89

Qu'est-ce que le CSS ?

Un outil de compression de fichiers HTML.

Un langage de programmation pour le backend.

Un format de données pour la structuration du contenu.

Un langage de style pour la présentation d'une page web.

Question n^o 90

Que fait la propriété "float" en CSS ?

Elle centre un élément sur la page.

Elle positionne un élément à gauche ou à droite du contenu environnant.

Elle applique un espacement entre les éléments.

Elle place un élément au-dessus d'un autre.

Question n^o 91

Que signifie l'unité CSS `em` ?

Elle est relative à la taille de la police de l'élément parent.

Elle est utilisée pour définir la taille des images.

Elle est utilisée pour définir l'espacement entre les mots.

Elle est fixe, équivalente à 16px.

Question n^o 92

Quelle propriété CSS permet de définir la couleur du texte ?

font-color

text-color

background-color

color

Question n^o 93

Comment créer une mise en page responsive avec CSS ?

En utilisant des bordures larges.

En utilisant uniquement des unités fixes comme les pixels.

En fixant la largeur du contenu à 100%.

En utilisant des requêtes médias pour adapter le contenu.

Question n^o 94

Que fait la propriété `will-change` ?

Elle ajuste la taille de l'élément.

Elle prépare un élément pour des animations ou transformations futures.

Elle modifie l'ordre d'empilement des éléments.

Elle définit la couleur du texte.

Question n^o 95

Quelle propriété CSS permet d'ajuster l'espacement entre les caractères ?

letter-spacing

word-spacing

text-indent

line-height

Question n^o 96

Que fait la propriété `flexbox` ?

Il applique un filtre de flou.

Il définit la couleur d'un élément.

Il définit la taille de la police d'un élément.

Il permet de créer des mises en page flexibles.

Question n^o 97

Que fait la propriété `box-sizing` ?

Elle change la couleur d'un élément.

Elle ajuste l'espacement entre les éléments.

Elle définit comment les dimensions d'un élément sont calculées.

Elle applique une bordure à un élément.

Question n^o 98

Que fait la propriété `display: flex` ?

Elle empêche les éléments enfants de se déplacer.

Elle crée un conteneur flexible.

Elle définit une grille pour les éléments enfants.

Elle définit la taille des éléments enfants.

Question n^o 99

Quelle propriété CSS permet de définir la police d'un texte ?

text-style

font-family

font-style

text-family

Question n^o 100

Comment fonctionne la propriété "box-sizing" en CSS ?

Elle définit si la largeur inclut ou non la bordure et le padding.

Elle définit la couleur de fond d'un élément.

Elle définit la police du texte dans l'élément.

Elle définit la taille de la bordure d'un élément.

Question n^o 101

Comment fonctionne le "grid layout" en CSS ?

Un système utilisé uniquement pour les mises en page responsives.

Un système de mise en page à une dimension seulement.

Un système permettant de positionner les éléments de manière absolue.

Un système de mise en page en deux dimensions, avec des lignes et des colonnes.

Question n^o 102

Comment créer un menu déroulant en CSS ?

En utilisant "position: absolute;" et "display: block;" pour le sous-menu.

En utilisant "position: relative;" et "float: left;" pour tous les éléments du menu.

En utilisant "visibility: hidden;" pour les éléments déroulants.

En utilisant "position: fixed;" pour chaque élément.

Question n^o 103

Quel est l'effet de la propriété CSS `transform` ?

Elle modifie la position de l'élément.

Elle définit la couleur de l'élément.

Elle applique un fond à l'élément.

Elle modifie l'apparence de l'élément.

Question n^o 104

Quelle propriété CSS permet de modifier la taille de la police ?

font-style

font-size

size-font

text-size

Question n^o 105

Comment définir une marge autour d'un élément en CSS ?

spacing

margin

padding

border

Question n^o 106

Comment centrer un élément horizontalement avec Flexbox ?

justify-content: center;

align-content: center;

align-items: center;

text-align: center;

Question n^o 107

Que fait la propriété CSS `z-index` ?

Modifie la couleur de l'élément.

Définit l'ordre d'empilement des éléments.

Ajuste la taille des éléments.

Définit la bordure des éléments.

Question n^o 108

Comment créer une liste ordonnée en HTML avec des puces CSS ?

list-style-position

list-style-type

text-decoration

bullet-style

Question n^o 109

Quelle propriété CSS permet de rendre un élément flottant ?

margin

display

float

position

Question n^o 110

Qu'est-ce que "display: none" en CSS ?

L'élément devient visible lorsque l'on passe la souris dessus.

L'élément devient invisible mais reste dans le flux du document.

L'élément est redimensionné à une taille minimale.

L'élément est complètement caché et ne prend plus de place dans la mise en page.

Question n^o 111

Quel est l'effet de la propriété `transform: rotate(45deg)` ?

Elle fait pivoter un élément de 45 degrés.

Elle modifie la taille d'un élément.

Elle ajuste la position d'un élément.

Elle applique une couleur de fond à un élément.

Question n^o 112

Quelle propriété CSS permet de définir l'espacement entre les caractères ?

line-height

letter-spacing

word-spacing

text-spacing

Question n^o 113

Que fait la propriété `clip-path` ?

Elle applique un effet de flou.

Elle modifie la couleur d'un élément.

Elle définit l'alignement des éléments.

Elle définit une zone de découpe pour un élément.

Question n^o 114

Comment appliquer un effet de survol sur un bouton en CSS ?

En utilisant ":hover" sur l'élément et en changeant la propriété "background-color".

En utilisant "display: inline-block;".

En utilisant "visibility: visible;" sur le bouton.

En utilisant ":active" et "border: solid;".

Question n^o 115

Que fait la propriété `display: none` ?

Elle applique un effet de flou.

Elle cache un élément et le retire du flux de mise en page.

Elle définit la taille d'un élément.

Elle modifie la couleur de fond d'un élément.

Question n^o 116

Comment définir un alignement horizontal des éléments avec Flexbox ?

flex-align

justify-content

align-items

align-content

Question n^o 117

Quelle propriété CSS permet d'ajuster l'espacement entre les caractères ?

line-height

word-spacing

letter-spacing

text-indent

Question n^o 118

Qu'est-ce que le "box-model" en CSS ?

Il définit la taille des images dans un conteneur.

Il définit la couleur de fond d'un élément.

Il définit la police utilisée pour le texte.

Il définit les propriétés pour structurer l'élément et son espace environnant.

Question n^o 119

Quel est le rôle du sélecteur de classe en CSS ?

Cibler un élément avec un ID spécifique.

Cibler un élément HTML unique.

Cibler plusieurs éléments ayant la même classe.

Cibler tous les éléments de la page.

Question n^o 120

Comment appliquer une bordure de 2px de couleur rouge autour d'un élément ?

border: 2px dashed red;

border: 2px solid red;

border-color: red;

border-width: 2px;

Question n^o 121

Que fait la propriété `overflow: auto` ?

Elle empêche le débordement de contenu.

Elle coupe le contenu excédentaire.

Elle ajoute des barres de défilement si nécessaire.

Elle réduit le contenu pour qu'il tienne dans le conteneur.

Question n^o 122

Quelle propriété CSS permet de modifier l'espacement entre les lettres ?

line-height

letter-spacing

text-indent

word-spacing

Question n^o 123

Que fait la propriété `background-color` ?

Elle définit la taille du texte d'un élément.

Elle définit l'interligne du texte.

Elle définit la couleur de fond d'un élément.

Elle définit la couleur du texte d'un élément.

Question n^o 124

Qu'est-ce que le modèle de boîte CSS et quelles sont ses propriétés ?

margin, border, padding, content

width, height, padding

padding, color, margin

border, font, margin

Question n^o 125

Quelle propriété permet de définir la largeur d'un élément ?

width

size

margin

height

Question n^o 126

Qu'est-ce que la propriété "clamp()" en CSS ?

Elle ajoute des bordures à un élément.

Elle définit uniquement une couleur de fond.

Elle ajuste une valeur minimum et maximum selon la taille.

Elle ajuste la position d'un élément.

Question n^o 127

Quelle propriété CSS est utilisée pour définir l'espacement entre les éléments dans une flexbox ?

La propriété "border".

La propriété "margin".

La propriété "padding".

La propriété "gap".

Question n^o 128

Quelle propriété CSS permet de changer la couleur du texte ?

La propriété "font-size".

La propriété "color".

La propriété "background-color".

La propriété "border-color".

Question n^o 129

Comment appliquer une police personnalisée en CSS ?

En utilisant la propriété "font-family".

En utilisant la propriété "text-align".

En utilisant la propriété "background".

En utilisant la propriété "font-size".

Question n^o 130

Que fait la propriété `text-align` ?

Elle définit la taille du texte.

Elle définit le style du texte.

Elle change la couleur du texte.

Elle aligne le texte dans un élément.

Question n^o 131

Qu'est-ce qu'une propriété CSS `calc()` et comment l'utiliser ?

calc()

subtraction()

percent-calc()

calc-width()

Question n^o 132

Comment changer la couleur de texte en CSS ?

font-color

text-style

text-color

color

Question n^o 133

Quel élément HTML est utilisé pour lier un fichier CSS externe ?

Question n^o 134

Comment appliquer une transition douce pour la couleur de fond en CSS ?

transition: border 0.5s ease;

transition: margin 0.5s ease;

transition: color 0.5s ease;

transition: background-color 0.5s ease;

Question n^o 135

Comment utiliser la propriété `transition` pour animer un élément CSS ?

Elle définit la taille d'un élément.

Elle définit la couleur de fond d'un élément.

Elle applique un filtre de flou.

Elle permet d'animer le changement d'une propriété CSS.

Question n^o 136

Que fait la propriété `grid-template-columns` ?

Elle définit l'alignement des éléments dans une grille.

Elle modifie la couleur d'un élément dans une grille.

Elle définit la structure des lignes dans une grille CSS.

Elle définit la structure des colonnes dans une grille CSS.

Question n^o 137

Quel est l'effet de la propriété `transition: all 0.5s ease` ?

Elle ajoute un effet de zoom à un élément.

Elle change la couleur d'un élément immédiatement.

Elle définit la taille d'un élément de manière fixe.

Elle permet d'animer les changements de propriété sur 0.5 seconde.

Question n^o 138

Que fait la propriété "background-color" en CSS ?

Elle définit la couleur de fond d'un élément.

Elle définit la couleur du texte.

Elle définit la taille des éléments.

Elle définit l'espacement entre les éléments.

Question n^o 139

Comment appliquer une couleur à un texte en CSS ?

text-color

background-color

font-color

color

Question n^o 140

Que permet de faire la propriété "clip-path" en CSS ?

Elle permet de définir une animation pour un élément.

Elle permet de définir la police de l'élément.

Elle permet de changer la couleur de l'élément.

Elle permet de découper un élément selon une forme géométrique.

Question n^o 141

Que fait la propriété `@media query` ?

Elle définit la couleur d'un élément.

Elle définit la largeur d'un élément.

Elle définit la taille de la police d'un élément.

Elle permet de définir des styles pour différents appareils.

Question n^o 142

Quelle est la différence entre `flex-grow` et `flex-shrink` ?

flex-grow réduit un élément, flex-shrink le fait croître.

flex-grow permet de faire croître un élément, flex-shrink permet de le réduire.

flex-grow et flex-shrink sont identiques.

flex-grow définit l'ordre des éléments, flex-shrink leur taille.

Question n^o 143

Comment appliquer des effets d'ombre sur un texte en CSS ?

En utilisant "shadow-effect".

En utilisant "box-shadow".

En utilisant "filter: blur;".

En utilisant "text-shadow".

Question n^o 144

Quel est l'ordre de priorité des règles CSS ?

Tous les styles ont la même priorité.

Les styles externes, puis les styles internes, puis les styles en ligne.

Les styles en ligne, puis les styles internes, puis les styles externes.

Les styles internes, puis les styles en ligne, puis les styles externes.

Question n^o 145

Qu'est-ce que le modèle de boîte CSS et quelles sont ses propriétés ?

padding, color, margin

width, height, padding

margin, border, padding, content

border, font, margin

Question n^o 146

Que fait la propriété `position: sticky` ?

Elle permet de créer un effet d'animation.

Elle permet à un élément de rester en haut de la page lorsqu'on fait défiler.

Elle définit la largeur d'un élément.

Elle modifie la couleur d'un élément.

Question n^o 147

Comment définir une bordure en CSS ?

En utilisant la propriété "padding".

En utilisant la propriété "text-indent".

En utilisant la propriété "box-sizing".

En utilisant la propriété "border".

Question n^o 148

Quel est l'effet de la propriété `position: sticky` ?

Elle applique un fond coloré à un élément.

Elle définit la taille d'un élément.

Elle permet à un élément de devenir fixe lors du défilement.

Elle modifie l'alignement des éléments.

Question n^o 149

Quel sélecteur CSS est utilisé pour cibler tous les éléments de type `<div>` ?

#div

div

.div

div[]

Question n^o 150

Que fait la propriété `opacity` ?

Elle définit la largeur de l'élément.

Elle définit l'alignement du texte.

Elle définit la couleur de fond d'un élément.

Elle définit la transparence d'un élément.

Question n^o 151

Quel est l'effet de la propriété CSS `opacity` ?

Elle définit la transparence d'un élément.

Elle définit la taille de l'élément.

Elle définit la position de l'élément.

Elle définit la couleur de l'élément.

Question n^o 152

Qu'est-ce que le CSS ?

Un format de données pour la structuration du contenu.

Un outil de compression de fichiers HTML.

Un langage de style pour la présentation d'une page web.

Un langage de programmation pour le backend.

Question n^o 153

Quel est le rôle de la propriété CSS `background-color` ?

Définir la taille du texte.

Définir la couleur de la bordure.

Définir la couleur de fond.

Définir la couleur du texte.

Question n^o 154

Quel est l'effet de la propriété `visibility: hidden` ?

Elle applique un effet de flou.

Elle rend un élément invisible mais conserve son espace.

Elle définit la taille d'un élément.

Elle définit la couleur d'un élément.

Question n^o 155

Qu'est-ce que la méthode `calc()` en CSS et comment est-elle utilisée ?

Elle permet d'effectuer des calculs dans les propriétés CSS.

Elle permet de calculer la hauteur d'un élément.

Elle permet d'ajouter des animations CSS.

Elle permet de fixer la taille d'un élément à une valeur fixe.

Question n^o 156

Quelle propriété CSS permet de faire défiler du texte à l'horizontale ?

En utilisant "overflow: scroll;".

En utilisant "text-scroll: horizontal;".

En utilisant "animation: scroll;".

En utilisant "marquee".

Question n^o 157

Quelle est la différence entre "margin" et "padding" en CSS ?

Le margin est l'espace interne à l'élément, le padding est l'espace externe.

Le margin et le padding font exactement la même chose.

Le padding affecte la taille totale de l'élément, tandis que le margin ne le fait pas.

Le margin est l'espace autour de l'élément, le padding est l'espace interne.

Question n^o 158

Quelle propriété CSS permet de créer une grille avec des colonnes et des rangées ?

display: flex;

display: block;

display: inline;

display: grid;

Question n^o 159

Comment définit-on une bordure en CSS ?

Avec la propriété "padding".

Avec la propriété "border-radius".

Avec la propriété "margin".

Avec la propriété "border".

Question n^o 160

Comment faire en sorte que les éléments flexibles s'ajustent automatiquement pour occuper toute la largeur disponible ?

En utilisant "justify-content".

En utilisant "flex-grow".

En utilisant "align-items".

En utilisant "flex-basis".

Question n^o 161

Que fait la propriété `opacity` ?

Elle définit la taille d'un élément.

Elle définit la transparence d'un élément.

Elle définit la couleur d'un élément.

Elle applique un filtre de flou.

Question n^o 162

Quel est le rôle de "vh" et "vw" en CSS ?

"vh" et "vw" représentent des unités fixes.

"vh" et "vw" représentent respectivement 1% de la hauteur et de la largeur de la fenêtre.

"vw" représente 1% de la hauteur de la fenêtre.

"vh" représente 1% de la largeur de la fenêtre.

Question n^o 163

Quel est l'effet de la propriété "transform" en CSS ?

Elle permet de modifier la couleur d'un élément.

Elle permet de définir la taille d'un élément.

Elle permet d'appliquer des transformations géométriques sur un élément.

Elle permet de modifier la position d'un élément dans le flux du document.

Question n^o 164

Que fait la propriété `object-fit` ?

Elle définit la couleur de fond d'un élément.

Elle définit comment un élément s'ajuste à son conteneur.

Elle définit la taille de la police d'un élément.

Elle définit la largeur d'un élément.

Question n^o 165

Quel est l'effet de la propriété `opacity` ?

Elle définit la transparence d'un élément.

Elle définit la couleur de l'élément.

Elle définit la taille d'un élément.

Elle modifie la position d'un élément.

Question n^o 166

Quelle propriété permet de définir l'espacement entre les éléments d'une liste ?

list-style-type

margin

padding

list-style-position

Question n^o 167

Qu'est-ce qu'une pseudo-classe en CSS ?

Une pseudo-classe est utilisée pour définir la bordure d'un élément.

Une pseudo-classe est utilisée pour ajouter une animation à un élément.

Une pseudo-classe permet de cibler un état particulier d'un élément.

Une pseudo-classe est une règle pour formater du texte.

Question n^o 168

Comment changer la couleur de fond d'une page en CSS ?

font-color: blue;

color: blue;

bg-color: blue;

background-color: blue;

Question n^o 169

Quelle est l'utilité de la propriété `z-index` ?

Elle définit la couleur des éléments.

Elle définit l'ordre d'empilement des éléments.

Elle définit la taille de la police d'un élément.

Elle définit la hauteur des éléments.

Question n^o 170

Que fait la propriété `box-shadow` ?

Elle définit la couleur de fond de l'élément.

Elle modifie la largeur de l'élément.

Elle change l'opacité de l'élément.

Elle ajoute une ombre à l'élément.

Question n^o 171

Que signifie la propriété "color" en CSS ?

Elle définit la couleur du texte d'un élément.

Elle change la couleur du lien survolé.

Elle définit la largeur de la bordure de l'élément.

Elle définit la couleur de fond d'un élément.

Question n^o 172

Comment utiliser la propriété `flex` pour distribuer les éléments horizontalement ?

flex: 2

flex: 1

display: block

float: left

Question n^o 173

Que fait la propriété `text-align` ?

Elle définit la graisse du texte.

Elle définit la couleur du texte.

Elle définit l'alignement horizontal du texte.

Elle définit la taille du texte.

Question n^o 174

Quelle propriété permet de définir la couleur d'un élément ?

background-color

text-color

color

border-color

Question n^o 175

Quelle propriété CSS permet de modifier l'alignement vertical d'un élément dans un conteneur Flexbox ?

vertical-align

justify-items

align-content

align-items

Question n^o 176

Quelle propriété CSS permet de modifier l'espacement entre les lignes de texte ?

font-size

letter-spacing

word-spacing

line-height

Question n^o 177

Qu'est-ce que la propriété "transition" en CSS ?

Elle fixe la taille de l'élément.

Elle permet de créer des animations progressives entre les états d'un élément.

Elle permet de définir un changement instantané d'un élément.

Elle définit la couleur de fond d'un élément.

Question n^o 178

Quel est l'effet du "z-index" en CSS ?

Il définit l'opacité de l'élément.

Il ajuste la largeur de l'élément.

Il détermine l'ordre d'empilement des éléments positionnés.

Il positionne un élément par rapport à son parent.

Question n^o 179

Comment utiliser la propriété "calc()" en CSS ?

Elle effectue des calculs sur les dimensions.

Elle change la couleur des bordures.

Elle ajuste les marges selon la taille du conteneur.

Elle applique des ombres sur les éléments.

Question n^o 180

Quelle propriété CSS est utilisée pour créer une bordure autour d'un élément ?

border

margin

outline

padding

Question n^o 181

Quelle propriété CSS permet de définir la taille du texte ?

font-style

font-size

text-size

letter-spacing

Question n^o 182

Comment ajouter un espace entre les éléments d'une liste en CSS ?

margin

padding

list-style

line-height

Question n^o 183

Quelle propriété CSS permet de définir un dégradé linéaire comme fond ?

gradient-background

background-gradient

background-linear

background-image

Question n^o 184

Quelle propriété CSS permet de modifier l'alignement vertical d'un élément dans un conteneur Flexbox ?

vertical-align

align-content

justify-items

align-items

Question n^o 185

Quel est l'utilité de la propriété "display" en CSS ?

Elle définit la largeur de l'élément.

Elle change la couleur de fond de l'élément.

Elle permet de masquer l'élément.

Elle définit le type d'affichage de l'élément.

Question n^o 186

Que fait la propriété `background-color` ?

Elle modifie la bordure d'un élément.

Elle définit la taille d'un élément.

Elle définit la couleur d'arrière-plan d'un élément.

Elle définit la couleur du texte.

Question n^o 187

Quelle est la différence entre "position: absolute" et "position: fixed" en CSS ?

Les deux positionnent un élément par rapport à l'écran.

position: absolute est utilisé pour les éléments de type formulaire, position: fixed est pour les images.

Les deux positionnent l'élément à une position fixe à l'écran.

position: absolute positionne par rapport au parent le plus proche, position: fixed reste en place pendant le défilement.

Question n^o 188

Que fait la propriété `min-width` ?

Elle définit la largeur minimale d'un élément.

Elle définit la hauteur minimale d'un élément.

Elle définit l'espacement interne d'un élément.

Elle définit la couleur d'un élément.

Question n^o 189

Quelle propriété CSS permet de rendre un texte en gras ?

font-weight

font-style

text-weight

font-bold

Question n^o 190

Comment définir une image de fond en CSS ?

background-color

image-background

background-image

background-url

Question n^o 191

Comment appliquer un fond d'écran sur toute la page avec CSS ?

En utilisant "background-color" uniquement.

En utilisant "color" pour le fond.

En utilisant "background-image" sur le body.

En utilisant "background-size" sur chaque élément.

Question n^o 192

Que fait la propriété `border-radius` ?

Elle définit la couleur de fond d'un élément.

Elle arrondit les coins d'un élément.

Elle change l'opacité d'un élément.

Elle ajoute une ombre portée à un élément.

Question n^o 193

Quel est l'effet de la propriété `overflow: hidden` ?

Le contenu débordant est déplacé dans un autre élément.

Le contenu débordant est visible.

Le contenu débordant est coupé et invisible.

Le contenu débordant est déplacé hors du flux.

Question n^o 194

Quel est l'effet de la propriété `clip-path` ?

Elle découpe un élément selon une forme géométrique.

Elle crée une bordure autour de l'élément.

Elle définit la taille de l'élément.

Elle applique un filtre de couleur à un élément.

Question n^o 195

Qu'est-ce que la propriété "opacity" en CSS et comment l'utilise-t-on ?

Elle permet de changer la couleur d'un élément.

Elle contrôle l'opacité des couleurs de fond seulement.

Elle contrôle la transparence d'un élément.

Elle applique un effet de flou sur l'élément.

Question n^o 196

Quel est l'effet de la propriété `visibility` ?

Elle supprime un élément du flux sans le rendre invisible.

Elle applique une opacité à un élément.

Elle rend un élément invisible sans le retirer du flux.

Elle réduit la taille d'un élément.

Question n^o 197

Quel est l'effet de la propriété "overflow" en CSS ?

Elle masque le contenu dépassant.

Elle modifie la couleur de fond du conteneur.

Elle permet de faire défiler le contenu si celui-ci dépasse.

Elle ajoute une bordure autour du conteneur.

Question n^o 198

Qu'est-ce qu'un Flexbox en CSS et comment est-il utilisé ?

Une méthode pour ajouter des bordures aux éléments.

Un modèle pour définir des animations CSS.

Un moyen de redimensionner automatiquement les images.

Un modèle de mise en page pour organiser les éléments.

Question n^o 199

Comment créer un effet de dégradé en CSS ?

En utilisant "color".

En utilisant "background".

En utilisant "font-size".

En utilisant "border-radius".

Question n^o 200

Quelle propriété permet d'appliquer un rayon de bordure arrondi ?

border-color

border-size

border-radius

border-style

Question no 1

Comment centrer un élément horizontalement en utilisant Flexbox ?

Question no 2

Comment utiliser la propriété clip-path ?

Question no 3

Comment définir une bordure arrondie sur un élément en CSS ?

Question no 4

Comment définir une marge autour d'un élément en CSS ?

Question no 5

Quel est l'effet de la propriété CSS position: absolute ?

Question no 6

Quel est le rôle de la propriété CSS background-color ?

Question no 7

Que fait la propriété margin ?

Question no 8

Qu'est-ce que la méthode calc() en CSS et comment est-elle utilisée ?

Question no 9

Quelle propriété CSS permet de rendre un élément invisible tout en conservant son espace ?

Question no 10

Quel est le rôle de la propriété "font-size" en CSS ?

Question no 11

Que fait la propriété "text-align" en CSS ?

Question no 12

Que fait la propriété overflow: hidden ?

Question no 13

Que permet de contrôler le CSS ?

Question no 14

Quel est l'effet de la propriété overflow: hidden ?

Question no 15

Comment créer une animation en CSS qui fait tourner un élément ?

Question no 16

Quel est l'effet de la propriété transform: rotate(45deg) ?

Question no 17

Quelle propriété CSS permet de définir l'espacement entre les lignes de texte ?

Question no 18

Comment appliquer une animation CSS sur un élément ?

Question no 19

Quel est le rôle de la propriété object-fit ?

Question no 20

Qu'est-ce que la propriété "calc()" en CSS ?

Question no 21

Quel sélecteur CSS est utilisé pour cibler un élément avec un ID spécifique ?

Question no 22

Que fait la propriété display: flex ?

Question no 23

Quel est le rôle de la propriété display ?

Question no 24

Que fait la propriété font-size ?

Question no 25

Comment centrer un élément avec "flexbox" ?

Question no 26

Que signifie la propriété "position: absolute;" ?

Question no 27

Quelle propriété permet de modifier l'espacement entre les lettres d'un texte ?

Question no 28

Quelle propriété CSS permet de créer un dégradé de couleur linéaire ?

Question no 29

Que permet de contrôler le CSS ?

Question no 30

Comment ajouter une bordure autour d'un élément en CSS ?

Question no 31

Qu'est-ce que "CSS Grid" et comment l'utilise-t-on ?

Question no 32

Quelle propriété CSS permet de définir la police d'un texte ?

Question no 33

Que fait la propriété font-size ?

Question no 34

Que fait la propriété height ?

Question no 35

Quel est l'effet de la propriété CSS visibility ?

Question no 36

Comment ajouter une ombre à un texte en CSS ?

Question no 37

Quelle propriété CSS permet de modifier la taille d'une police ?

Question no 38

Quel est le rôle de la propriété CSS color ?

Question no 39

Comment centrer un élément horizontalement en utilisant Flexbox ?

Question no 40

Qu'est-ce qu'un "flexbox" en CSS ?

Question n^o 1

Question n^o 2

Comment utiliser la propriété `clip-path` ?

Question n^o 3

Question n^o 4

Question n^o 5

Quel est l'effet de la propriété CSS `position: absolute` ?

Question n^o 6

Quel est le rôle de la propriété CSS `background-color` ?

Question n^o 7

Que fait la propriété `margin` ?

Question n^o 8

Qu'est-ce que la méthode `calc()` en CSS et comment est-elle utilisée ?

Question n^o 9

Question n^o 10

Question n^o 11

Question n^o 12

Que fait la propriété `overflow: hidden` ?

Question n^o 13

Question n^o 14

Quel est l'effet de la propriété `overflow: hidden` ?

Question n^o 15

Question n^o 16

Quel est l'effet de la propriété `transform: rotate(45deg)` ?

Question n^o 17

Question n^o 18

Question n^o 19

Quel est le rôle de la propriété `object-fit` ?

Question n^o 20

Question n^o 21

Question n^o 22

Que fait la propriété `display: flex` ?

Question n^o 23

Quel est le rôle de la propriété `display` ?

Question n^o 24

Que fait la propriété `font-size` ?

Question n^o 25

Question n^o 26

Question n^o 27

Question n^o 28

Question n^o 29

Question n^o 30

Question n^o 31

Question n^o 32

Question n^o 33

Que fait la propriété `font-size` ?

Question n^o 34

Que fait la propriété `height` ?

Question n^o 35

Quel est l'effet de la propriété CSS `visibility` ?

Question n^o 36

Question n^o 37

Question n^o 38

Quel est le rôle de la propriété CSS `color` ?

Question n^o 39

Question n^o 40

Question n^o 41

Que fait la propriété CSS `z-index` ?

Question n^o 42

Question n^o 43

Question n^o 44

Que fait la propriété `visibility: hidden` ?

Question n^o 45

Question n^o 46

Que fait la propriété `border-radius` ?

Question n^o 47

Quel est l'effet de la propriété `animation: fadeIn 2s ease-in-out` ?

Question n^o 48

Question n^o 49

Quel est le rôle de la propriété CSS `color` ?

Question n^o 50

Que fait la propriété `font-family` ?

Question n^o 51

Question n^o 52

Question n^o 53

Que signifie l'unité CSS `em` ?

Question n^o 54

Que fait la propriété `z-index` ?

Question n^o 55

Que signifie la propriété `position: absolute` ?