QCM HTML / CSS – Partie 42

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. Quelle est l’astuce CSS qui permet d’empêcher qu’un texte déborde d’un conteneur ?

A overflow: hidden;

B text-overflow: ellipsis;

C white-space: nowrap;

D Toutes les réponses ci-dessus

Réponse  

2. Que fait la propriété CSS writing-mode: vertical-rl; ?

A Permet d’écrire le texte de droite à gauche, de bas en haut

B Fait passer le texte de l’alignement horizontal à vertical, avec un flux de droite à gauche

C Crée un texte qui se déplace verticalement de haut en bas

D Écrit le texte verticalement de bas en haut

Réponse  

3. Quel est l’effet de la propriété CSS transition: all 0.3s ease-in-out; ?

A Applique une transition à tous les éléments de la page

B Crée une transition avec une durée de 0.3 secondes, une transition de départ douce (ease-in) et une fin douce (ease-out)

C Change la couleur de tous les éléments au survol

D Applique une animation infinie

Réponse  
 

4. Quel effet obtient-on en appliquant filter: blur(5px); à une image ?

A L’image devient plus nette

B L’image devient floue avec un flou de 5 pixels

C L’image est divisée en sections

D L’image change de couleur

Réponse  

5. Si tu veux que les éléments d’une liste soient affichés horizontalement (côte à côte), quelle propriété CSS utiliserais-tu ?

A list-style-type: none;

B display: inline-block;

C display: block;

D float: left;

Réponse  

6. Que signifie le terme « CSS Grid » ?

A Un type de structure de tableau en CSS

B Une méthode de mise en page qui organise les éléments dans des lignes et des colonnes

C Une propriété qui définit les bordures d’un élément

D Une méthode de dégradé d’arrière-plan

Réponse  

7. Que fait la propriété CSS text-transform: capitalize; ?

A Met tout le texte en majuscules

B Met tout le texte en minuscules

C Met en majuscule la première lettre de chaque mot

D Applique une majuscule à chaque caractère

Réponse  
 

8. Que fait la propriété box-sizing: border-box; ?

A Inclut les bordures et les marges dans les dimensions de l’élément

B Modifie le comportement des boîtes flexibles

C Fait en sorte que les bordures et le padding soient inclus dans les dimensions de l’élément, et non ajoutés à celles-ci

D Change la forme des boîtes en fonction du contenu

Réponse  

9. Que fait la propriété flex-wrap: wrap; en CSS Flexbox ?

A Force tous les éléments à se trouver sur une seule ligne

B Permet aux éléments de se déplacer dans l’ordre que l’on choisit

C Permet aux éléments de passer à la ligne suivante lorsqu’il n’y a pas assez d’espace

D Réorganise les éléments en colonnes

Réponse  

10. Quelle est la syntaxe correcte pour utiliser une police personnalisée en CSS ?

A font-family: "Arial", sans-serif;

B font-face: "Arial";

C @font-face { font-family: "CustomFont"; src: url("custom-font.woff2"); }

D font-family: url("custom-font.woff2");

Réponse