Cascading Style Sheets (CSS) Ban

Question n^o 1

Que permet de contrôler le CSS ?

Le comportement dynamique des pages web.

La structure du contenu HTML.

La présentation visuelle des pages web.

Les bases de données du site.

Question n^o 2

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

width

margin

height

size

Question n^o 3

Que fait la propriété `color` ?

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

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

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

Elle définit l'espacement entre les mots.

Question n^o 4

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

id

*

#id

.class

Question n^o 5

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

outline

padding

margin

border

Question n^o 6

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

margin, border, padding, content

border, font, margin

padding, color, margin

width, height, padding

Question n^o 7

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

Elle centre un élément sur la page.

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

Elle applique un espacement entre les éléments.

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

Question n^o 8

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

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

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

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

Elle modifie l'alignement des éléments.

Question n^o 9

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

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

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

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

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

Question n^o 10

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

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

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

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

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

Question n^o 11

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

Elle applique un effet de flou.

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

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

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

Question n^o 12

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

flex: 2

flex: 1

float: left

display: block

Question n^o 13

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

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

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

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

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

Question n^o 14

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

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

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

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

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

Question n^o 15

Que fait la propriété `height` ?

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

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

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

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

Question n^o 16

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

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

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

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

Elle applique un effet de flou.

Question n^o 17

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

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

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

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

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

Question n^o 18

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

padding

list-style

margin

line-height

Question n^o 19

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

font-style

text-style

font-family

text-family

Question n^o 20

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

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

L'élément est toujours visible.

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

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

Question n^o 21

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

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.

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

Question n^o 22

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

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

Cibler un élément HTML unique.

Cibler tous les éléments de la page.

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

Question n^o 23

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

Il s'ajuste automatiquement à l'écran.

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

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

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

Question n^o 24

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

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

Elle modifie la bordure 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 25

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

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

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 colonnes dans une grille CSS.

Question n^o 26

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

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

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

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

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

Question n^o 27

Comment définir une bordure en CSS ?

En utilisant la propriété "border".

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

En utilisant la propriété "padding".

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

Question n^o 28

Que permet de contrôler le CSS ?

La présentation visuelle des pages web.

Le comportement dynamique des pages web.

La structure du contenu HTML.

Les bases de données du site.

Question n^o 29

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

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

Elle modifie la couleur de fond du conteneur.

Elle ajoute une bordure autour du conteneur.

Elle masque le contenu dépassant.

Question n^o 30

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

Elle définit uniquement une couleur de fond.

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

Elle ajoute des bordures à un élément.

Elle ajuste une valeur minimum et maximum selon la taille.

Question n^o 31

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

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

Elle définit l'alignement du texte.

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

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

Question n^o 32

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

La propriété "background-color".

La propriété "color".

La propriété "font-size".

La propriété "border-color".

Question n^o 33

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

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

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

Elle rend un élément opaque.

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

Question n^o 34

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

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

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 créer des mises en page flexibles et dynamiques.

Question n^o 35

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

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.

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

clip-path positionne un élément.

Question n^o 36

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

background-color

color

border-color

text-color

Question n^o 37

Comment changer la taille du texte en CSS ?

En utilisant la propriété "padding".

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

En utilisant la propriété "margin".

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

Question n^o 38

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

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

Elle déforme l'élément.

Elle applique une translation de 45 pixels.

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

Question n^o 39

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

background-image

background-linear

gradient-background

background-gradient

Question n^o 40

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

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

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

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

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

Question n^o 41

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

Elle définit l'alignement horizontal du texte.

Elle définit la graisse du texte.

Elle définit la taille du texte.

Elle définit la couleur du texte.

Question n^o 42

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 en deux dimensions, avec des lignes et des colonnes.

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

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

Question n^o 43

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

text-size

letter-size

font-weight

font-size

Question n^o 44

Comment changer la couleur de texte en CSS ?

font-color

text-color

color

text-style

Question n^o 45

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

Modifie la couleur de l'élément.

Définit la bordure des éléments.

Ajuste la taille des éléments.

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

Question n^o 46

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

calc()

calc-width()

subtraction()

percent-calc()

Question n^o 47

Que fait la propriété `opacity` ?

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

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

Elle définit l'alignement du texte.

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

Question n^o 48

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

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

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 "position: fixed;" pour chaque élément.

Question n^o 49

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

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

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

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

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

Question n^o 50

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

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

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

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

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

Question n^o 51

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

size-font

text-size

font-style

font-size

Question n^o 52

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

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

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

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

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

Question n^o 53

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

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

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

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

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

Question n^o 54

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

color

text-color

font-color

background-color

Question n^o 55

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

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

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

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

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

Question n^o 56

Qu'est-ce que le CSS ?

Un langage de programmation pour le backend.

Un outil de compression de fichiers HTML.

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

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

Question n^o 57

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

list-style-position

list-style-type

bullet-style

text-decoration

Question n^o 58

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

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

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

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

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

Question n^o 59

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

justify-items: center;

align-items: center;

justify-content: center;

align-content: center;

Question n^o 60

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

display: block;

display: inline;

display: grid;

display: flex;

Question n^o 61

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

Elle définit l'espace intérieur d'un é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 la bordure de l'élément.

Question n^o 62

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

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.

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

Question n^o 63

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

Il définit la couleur du texte.

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

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

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

Question n^o 64

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

Question n^o 65

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

bg-color: blue;

background-color: blue;

font-color: blue;

color: blue;

Question n^o 66

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

.div

#div

div[]

div

Question n^o 67

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

Elle définit la graisse du texte.

Elle définit le style du texte.

Elle définit la couleur du texte.

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

Question n^o 68

Que fait la propriété `margin` ?

Elle définit l'interligne du texte.

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

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

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

Question n^o 69

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

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

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

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.

Question n^o 70

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

justify-items

align-items

align-content

vertical-align

Question n^o 71

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

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

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

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

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

Question n^o 72

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

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

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.

Question n^o 73

Comment appliquer une police personnalisée en CSS ?

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

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

En utilisant la propriété "background".

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

Question n^o 74

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

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

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

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

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

Question n^o 75

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 76

Comment appliquer un filtre CSS sur une image ?

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

En utilisant la propriété "filter".

En utilisant la propriété "border".

En utilisant la propriété "opacity".

Question n^o 77

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

flex-align

align-content

justify-content

align-items

Question n^o 78

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

En utilisant "box-shadow".

En utilisant "filter: blur;".

En utilisant "text-shadow".

En utilisant "shadow-effect".

Question n^o 79

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

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

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

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

Elle applique un effet de flou.

Question n^o 80

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

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

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

Elle crée un conteneur flexible.

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

Question n^o 81

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

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.

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

Question n^o 82

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

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

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

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

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

Question n^o 83

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

margin, border, padding, content

padding, color, margin

width, height, padding

border, font, margin

Question n^o 84

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

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

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

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

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

Question n^o 85

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 définit le type d'affichage de l'élément.

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

Question n^o 86

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

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

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

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

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

Question n^o 87

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

Elle définit l'interlignage du texte.

Elle définit la taille du texte.

Elle définit la couleur du texte.

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

Question n^o 88

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

margin

border

padding

spacing

Question n^o 89

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

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

Elle ajuste l'interlignage du texte.

Elle modifie la couleur de la police.

Elle ajoute un effet de soulignement.

Question n^o 90

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

visibility: none

opacity: 0

display: none

hidden

Question n^o 91

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

justify-items: center;

align-items: center;

align-content: center;

justify-content: center;

Question n^o 92

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

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.

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

Question n^o 93

Comment appliquer une couleur à un texte en CSS ?

text-color

color

font-color

background-color

Question n^o 94

Comment définit-on une bordure en CSS ?

Avec la propriété "border".

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

Avec la propriété "padding".

Avec la propriété "margin".

Question n^o 95

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

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

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

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

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

Question n^o 96

Qu'est-ce que le CSS ?

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

Un type de fichier pour les images.

Un système de gestion de contenu.

Un langage de programmation pour les pages web.

Question n^o 97

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

background-repeat: repeat-x;

background-repeat: no-repeat;

background-position: center;

background-size: contain;

Question n^o 98

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 l'espacement entre les mots.

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

Elle est fixe, équivalente à 16px.

Question n^o 99

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

En utilisant "marquee".

En utilisant "animation: scroll;".

En utilisant "overflow: scroll;".

En utilisant "text-scroll: horizontal;".

Question n^o 100

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

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

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

Elle définit l'espacement entre les mots.

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

Question n^o 101

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é "position".

La propriété "display".

Question n^o 102

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

padding

spacing

margin

border

Question n^o 103

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

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

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

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

Un moyen de redimensionner automatiquement les images.

Question n^o 104

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

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

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

Elle permet de masquer l'élément.

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

Question n^o 105

Comment ajouter une ombre à un texte en CSS ?

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

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

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

shadow: 2px 2px 5px gray;

Question n^o 106

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

font-weight

text-weight

font-bold

font-style

Question n^o 107

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

margin

position

display

float

Question n^o 108

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

Elle ajuste les marges selon la taille du conteneur.

Elle applique des ombres sur les éléments.

Elle effectue des calculs sur les dimensions.

Elle change la couleur des bordures.

Question n^o 109

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

Définir la couleur de fond.

Définir la taille de la police.

Définir la couleur de la bordure.

Définir la couleur du texte.

Question n^o 110

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

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

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

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

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

Question n^o 111

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

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

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

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

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

Question n^o 112

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

Définir la couleur de fond.

Définir la taille de la police.

Définir la couleur de la bordure.

Définir la couleur du texte.

Question n^o 113

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

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.

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

Question n^o 114

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

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

Tous les styles ont la même priorité.

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 115

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 l'espacement entre les éléments.

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

Question n^o 116

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

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

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

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

Elle applique un effet de dégradé.

Question n^o 117

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

transition: border 0.5s ease;

transition: margin 0.5s ease;

transition: background-color 0.5s ease;

transition: color 0.5s ease;

Question n^o 118

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

Elle définit la taille du texte.

Elle définit l'alignement horizontal du texte.

Elle définit l'espacement entre les lettres.

Elle définit la couleur du texte.

Question n^o 119

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

La propriété "box-shadow".

La propriété "filter".

La propriété "opacity".

La propriété "text-shadow".

Question n^o 120

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

line-height

text-indent

letter-spacing

word-spacing

Question n^o 121

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

box-shadow

text-shadow

shadow-box

border-shadow

Question n^o 122

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

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

Elle permet de changer la couleur des bordures.

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

Elle permet de modifier la taille des polices.

Question n^o 123

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

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

En utilisant "background-color" uniquement.

En utilisant "background-image" sur le body.

En utilisant "color" pour le fond.

Question n^o 124

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

line-height

text-indent

word-spacing

letter-spacing

Question n^o 125

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

line-height

text-spacing

word-spacing

letter-spacing

Question n^o 126

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

font-size

letter-spacing

text-size

font-style

Question n^o 127

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

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

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

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

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

Question n^o 128

Comment ajouter une ombre à un texte en CSS ?

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

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

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

shadow: 2px 2px 5px gray;

Question n^o 129

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

border-size

border-style

border-color

border-radius

Question n^o 130

Qu'est-ce que le CSS ?

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

Un outil de compression de fichiers HTML.

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

Un langage de programmation pour le backend.

Question n^o 131

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

position: absolute;

align: left;

display: inline;

float: left;

Question n^o 132

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

:focus

:visited

:hover

:active

Question n^o 133

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

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.

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

Question n^o 134

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

font-style

text-family

font-family

text-style

Question n^o 135

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

border

outline

margin

border-radius

Question n^o 136

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 margin et le padding font exactement la même chose.

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

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

Question n^o 137

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

background-image

background-color

border-color

color

Question n^o 138

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

flex-align

justify-content

align-content

align-items

Question n^o 139

Comment centrer un élément horizontalement avec Flexbox ?

align-content: center;

align-items: center;

text-align: center;

justify-content: center;

Question n^o 140

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

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

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éfinir une animation pour un élément.

Question n^o 141

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

En fixant la largeur du contenu à 100%.

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

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

En utilisant des bordures larges.

Question n^o 142

Que signifie l'unité CSS `em` ?

Elle est fixe, équivalente à 16px.

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 relative à la taille de la police de l'élément parent.

Question n^o 143

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 144

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

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

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

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

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

Question n^o 145

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

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

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

flex-grow et flex-shrink sont identiques.

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

Question n^o 146

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

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

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

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

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

Question n^o 147

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

En utilisant "background-color".

En utilisant "border-radius".

En utilisant "font-size".

En utilisant "box-shadow".

Question n^o 148

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

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

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

En utilisant "display: inline-block;".

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

Question n^o 149

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 150

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

text-indent

word-spacing

letter-spacing

line-height

Question n^o 151

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

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

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

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

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

Question n^o 152

Que fait la propriété `opacity` ?

Elle applique un filtre de flou.

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

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

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

Question n^o 153

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

text-style

font-weight

font-family

font-size

Question n^o 154

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

border-shadow

text-shadow

box-shadow

shadow-box

Question n^o 155

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

Elle fait pivoter un élément.

Elle déplace un élément.

Elle redimensionne un élément.

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

Question n^o 156

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

Elle définit l'interligne du texte.

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

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 157

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

animation-rotate

@keyframes et animation

transition et rotate

transform et rotate

Question n^o 158

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

border: 2px solid red;

border-width: 2px;

border: 2px dashed red;

border-color: red;

Question n^o 159

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

Définir la couleur du texte.

Définir la couleur de fond.

Définir la taille du texte.

Définir la couleur de la bordure.

Question n^o 160

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 définit la couleur du texte.

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

Question n^o 161

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

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

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

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

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

Question n^o 162

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

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

Elle coupe le contenu excédentaire.

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

Elle empêche le débordement de contenu.

Question n^o 163

Comment définir une image de fond en CSS ?

image-background

background-color

background-url

background-image

Question n^o 164

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

En utilisant la propriété "transition".

En utilisant la propriété "border".

En utilisant la propriété "animation".

En utilisant la propriété "background".

Question n^o 165

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

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

Le contenu débordant est coupé et invisible.

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

Le contenu débordant est visible.

Question n^o 166

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

Elle définit le style du texte.

Elle définit la taille du texte.

Elle aligne le texte dans un élément.

Elle change la couleur du texte.

Question n^o 167

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

Elle définit l'espacement entre les mots.

Elle modifie la couleur du texte.

Elle définit l'alignement du texte.

Elle définit la taille du texte.

Question n^o 168

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

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

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

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

L'élément est toujours visible.

Question n^o 169

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 170

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

div

#div

div[]

.div

Question n^o 171

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

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

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

Modifie l'opacité des éléments.

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

Question n^o 172

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

La propriété "margin".

La propriété "padding".

La propriété "gap".

La propriété "border".

Question n^o 173

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

line-height

text-transform

word-spacing

letter-spacing

Question n^o 174

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

list-style-position

bullet-style

text-decoration

list-style-type

Question n^o 175

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

margin

list-style-position

padding

list-style-type

Question n^o 176

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

background-linear

background-image

background-gradient

gradient-background

Question n^o 177

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 178

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

letter-size

text-size

font-size

font-weight

Question n^o 179

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

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

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

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

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

Question n^o 180

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

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

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

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

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

Question n^o 181

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

line-height

text-indent

word-spacing

letter-spacing

Question n^o 182

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

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

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

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

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

Question n^o 183

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

En utilisant "flex-basis".

En utilisant "align-items".

En utilisant "flex-grow".

En utilisant "justify-content".

Question n^o 184

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 une règle pour formater du texte.

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

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

Question n^o 185

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

La propriété "box-shadow".

La propriété "padding".

La propriété "margin".

La propriété "border-radius".

Question n^o 186

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

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

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

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

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

Question n^o 187

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

Elle rend un élément transparent.

Elle rend un élément visible.

Elle cache un élément et son espace.

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

Question n^o 188

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

Définir la couleur de fond.

Définir la taille du texte.

Définir la couleur du texte.

Définir la couleur de la bordure.

Question n^o 189

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

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

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

Elle change la couleur du lien survolé.

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

Question n^o 190

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

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

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.

Question n^o 191

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

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

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

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

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

Question n^o 192

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

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

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

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

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

Question n^o 193

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

vertical-align

justify-items

align-items

align-content

Question n^o 194

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

letter-spacing

line-height

word-spacing

text-indent

Question n^o 195

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

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

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

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

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

Question n^o 196

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 positionne un élément par rapport à son parent.

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

Question n^o 197

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

En utilisant "border-radius".

En utilisant "font-size".

En utilisant "color".

En utilisant "background".

Question n^o 198

Que fait la propriété `flexbox` ?

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

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

Il applique un filtre de flou.

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

Question n^o 199

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

line-height

letter-spacing

word-spacing

font-size

Question n^o 200

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

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

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

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

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

Question no 1

Que permet de contrôler le CSS ?

Question no 2

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

Question no 3

Que fait la propriété color ?

Question no 4

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

Question no 5

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

Question no 6

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

Question no 7

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

Question no 8

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

Question no 9

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

Question no 10

Que fait la propriété background-image ?

Question no 11

Que fait la propriété display: none ?

Question no 12

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

Question no 13

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

Question no 14

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

Question no 15

Que fait la propriété height ?

Question no 16

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

Question no 17

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

Question no 18

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

Question no 19

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

Question no 20

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

Question no 21

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

Question no 22

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

Question no 23

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

Question no 24

Que fait la propriété background-color ?

Question no 25

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

Question no 26

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

Question no 27

Comment définir une bordure en CSS ?

Question no 28

Que permet de contrôler le CSS ?

Question no 29

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

Question no 30

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

Question no 31

Que fait la propriété display: flex ?

Question no 32

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

Question no 33

Que fait la propriété visibility: hidden ?

Question no 34

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

Question no 35

Comment utiliser la propriété clip-path ?

Question no 36

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

Question no 37

Comment changer la taille du texte en CSS ?

Question no 38

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

Question no 39

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

Question no 40

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

Question n^o 1

Question n^o 2

Question n^o 3

Que fait la propriété `color` ?

Question n^o 4

Question n^o 5

Question n^o 6

Question n^o 7

Question n^o 8

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

Question n^o 9

Question n^o 10

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

Question n^o 11

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

Question n^o 12

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

Question n^o 13

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

Question n^o 14

Question n^o 15

Que fait la propriété `height` ?

Question n^o 16

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

Question n^o 17

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

Question n^o 18

Question n^o 19

Question n^o 20

Question n^o 21

Question n^o 22

Question n^o 23

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

Question n^o 24

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

Question n^o 25

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

Question n^o 26

Question n^o 27

Question n^o 28

Question n^o 29

Question n^o 30

Question n^o 31

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

Question n^o 32

Question n^o 33

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

Question n^o 34

Question n^o 35

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

Question n^o 36

Question n^o 37

Question n^o 38

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

Question n^o 39

Question n^o 40

Question n^o 41

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

Question n^o 42

Question n^o 43

Question n^o 44

Question n^o 45

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

Question n^o 46

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

Question n^o 47

Que fait la propriété `opacity` ?

Question n^o 48

Question n^o 49

Question n^o 50

Question n^o 51

Question n^o 52

Question n^o 53

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

Question n^o 54

Question n^o 55

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

Question n^o 56

Question n^o 57

Question n^o 58