QCM HTML / CSS – Partie 43

Questions pratiques pour testez vos connaissances sur le langage HTML à savoir l’utilisation du code HTML, structurer une page web en HTML, organiser les éléments d’une page Web, etc. Testez votre connaissance et travaillez sur les questions que vous trompez le plus souvent.
 
 

1. Que fait la propriété CSS

text-decoration: line-through;

text-decoration: line-through; ?

A Applique un soulignement au texte

B Applique une barre horizontale au texte

C Change la couleur du texte

D Modifie l’espacement entre les caractères du texte

<p>Ce texte <span style="text-decoration: line-through;">est barré</span> mais celui-ci ne l'est pas.</p>

2. Que fait la propriété

object-fit: cover;

object-fit: cover; lorsqu’elle est utilisée sur une image ?

A Redimensionne l’image pour qu’elle s’adapte parfaitement à l’élément sans déformation, en recouvrant entièrement l’espace disponible

B Redimensionne l’image pour la rendre plus petite que l’élément, sans la déformer

C Affiche l’image avec une bordure arrondie

D Applique un filtre à l’image

3. Comment créer une grille de 3 colonnes avec CSS Grid et laisser un espace de 20px entre les éléments ?

A

B

C

D

4. Que fait la propriété

will-change: transform;

will-change: transform; en CSS ?

A Prépare le navigateur à effectuer des optimisations sur l’élément spécifié, en prédisant qu’il subira des transformations

B Applique une transformation à l’élément, mais uniquement au survol

C Change automatiquement la couleur de l’élément lorsqu’il est modifié

D Fait changer la forme de l’élément au survol

5. Que fait la propriété

filter: grayscale(100%);

filter: grayscale(100%); ?

A Applique un flou à l’élément

B Applique un effet de filtre noir et blanc à l’élément

C Change la couleur de fond de l’élément en noir

D Rend l’élément invisible

6. Que permet de faire

@media (max-width: 600px)

@media (max-width: 600px) en CSS ?

A Changer la largeur de la page en fonction de la taille de l’écran

B Appliquer des styles uniquement lorsque la page est affichée sur un appareil mobile

C Créer une animation basée sur la largeur de l’écran

D Appliquer des styles uniquement lorsque l’écran a une largeur inférieure ou égale à 600px

7. Quelle propriété CSS te permet de faire en sorte que les éléments d’une grille ne se chevauchent pas ?

A

B

C

D

8. Quel est l’effet de

clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

clip-path: polygon(50% 0%, 0% 100%, 100% 100%); sur un élément ?

A Crée une forme triangulaire

B Crée une forme en losange

C Crée un triangle équilatéral

D Crée un triangle inversé

9. Si tu veux créer un fond dégradé radial partant du centre vers les bords d’une couleur rouge à une couleur bleue, quelle règle CSS utiliserais-tu ?

A

B

C

D

10. Quelle propriété CSS crée un effet de texte flou ?

A

B

C

D