wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Éléments graphiques

Total questions: 10

Worksheet time: 11mins

Name
Class
Date
1.

Quelle propriété permet de définir le style de bordure (dashed, dotted, solid…)?

a)

border-width

b)

border-style

c)

border-details

d)

border-length

2.

border-radius: 50% transforme un carré en cercle

a)

Vrai

b)

Faux

3.

Complète:

background- (a)   : cover;

4.

<figcaption> doit obligatoirement être utilisé dans un <figure> point de vue sémantique.

a)

Vrai

b)

Faux

5.

Que fait ce code {

  border-left: 4px solid #999;

  padding-left: 8px;

  color: #555;

}

4 lines
6.

Donnez un exemple concret où border-radius + box-shadow peuvent améliorer l’expérience utilisateur.

4 lines
7.

Que fait de code:

img { border-radius: 9999px; }

a)

L’image est invisible

b)

L’image est un cercle/pill

c)

L’image devient floue

d)

Rien ne change

8.

Pourquoi un attribut alt est important ?

a)

Pour le SEO (moteur de recherche)

b)

Pour afficher du texte si l’image ne charge pas

c)

Pour les lecteurs d’écran

d)

Toutes ces réponses

9.

Quel format est aujourd’hui recommandé pour publier des photos optimisées sur le web (qualité + poids réduit) ?

a)

PNG

b)

JPEG

c)

WebP

d)

GIF

10.

Que fait margin: 10px 20px; ?

a)

Haut et bas = 10px, gauche et droite = 20px

b)

Haut et gauche = 10px, bas et droite = 20px

c)

Tous les côtés = 10px sauf droite = 20px

d)

Tous les côtés 20px