wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML -CSS partie 3

Total questions: 20

Worksheet time: 11mins

Name
Class
Date
1.

Quelle propriété permet d'aligner sur l'axe principal dans un conteneur flex ?

a)

align-items

b)

justify-content

c)

flex-direction

d)

flex-wrap

2.

Quelle propriété permet d'aligner sur l'axe secondaire dans un conteneur flex ?

a)

align-items

b)

flex-items

c)

wrap-items

d)

axe-secondaire

3.

Quelle propriété permet de changer la direction des axe en display flex?

a)

flex-direction

b)

change-direction

c)

axe-direction

4.

la propriété Flex-wrap permet de

a)

de rendre des crêpe flexible

b)

de faire disposer les éléments d'un flex sur plusieurs lignes

c)

de créer une liste déroulante

5.

qu'est qu'un site responsive ?

a)

un site qui s'adapte au différents résolution d'écran

b)

un site doté d'un IA permettant de répondre a l'utilisateur

c)

un site utilisant du javascript

d)

un site utilisant du java

6.

Combien de h1 doit contenir une page web ?

a)

1

b)

0

c)

3

d)

autant que l'on veut

7.

Comment écrire un média query?

a)

.media screen and (max-width: 1200px) {

}

b)

#media screen and (max-width: 1200px) {

}

c)

@media screen and (max-width: 1200px) {

}

d)

#media screen and [max-width=1200px] (

)

8.

comment rendre un conteneur flexible ?

a)

flex

b)

display: inline-flex;

c)

display: flex;

d)

flexible

9.

Quelle doit être la largeur d'un élément en bloc <div></div>, de sorte que la largeur de la div s'adapte à la largeur actuelle de la fenêtre du navigateur.

a)

600px

b)

100%

c)

100wh

d)

1024px

10.

Parmi les éléments suivants, quels sont les valeurs de la propriété flex-direction ? (Choisissez toutes les réponses qui s'appliquent.)

a)

auto

b)

column

c)

row-reverse

d)

start

11.

Laquelle des méthodes suivantes est correcte pour définir le ViewPort ?

a)

<meta name="viewport" content="width=device-width, initial-scale=1.0">

b)

absolute

c)

none

12.

Quelles propriétés CSS permettent de gérer l'alignement vertical des boîtes avec les grilles ?

a)

align-self et align-items

b)

vertical-align et text-align

c)

justify-self et justify-items

13.

Quelles propriétés permettent de modifier l'ordre d'affichage des contenus dans des boîtes flexibles ? (Cochez toutes les bonnes réponses)

a)

flex-sort

b)

flex-direction

c)

flex-order

d)

order

14.

pour modifier la taille du text on utilise:

a)

size

b)

font-family

c)

font-size

15.

la particularité de l'attribut class par rapport à l'attribut id ?

a)

class peut être utilisé dans un fichier .css mais pas id

b)

Il ne peut y avoir qu'un seul et même nom d'id par page, et plusieurs fois une même classe

c)

class est utilisable dans les vieilles versions de HTML mais pas id

d)

Il n'y a strictement aucune différence entre les deux

16.

Quelle balise permet aussi bien d'insérer des cases à cocher, des champs de texte monolignes et des sélecteurs de date ?

a)

<input />

b)

<form>

c)

<textarea>

d)

<select />

17.

quel résultat donne des inputs de type checkbox?

a)

b)

c)

d)

18.

quel élément permet de créer des liste déroulantes

a)

select

b)

textarea

c)

<input type="text">

d)

<input type="list">

19.

pour faire du responsive design on doit

a)

utiliser des unité relative de type % ,vh, em ... pour la mise en page

b)

utiliser des unité absolue de type

px pour la mise en page

20.

Quelle balise permet d'afficher un lien ?

a)

<p>

b)

<a>

c)

<link>

d)

<script>