wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

M104 - Programmation Web Statique (Q2)

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

La règle de style "p.ville { .........} " s'applique :

a)

aux paragraphes <p value="ville">...<p>

b)

aux paragraphes < p> <span "ville">...</span><p>

c)

aux paragraphes <p class="ville">...<p>

d)

ux paragraphes <p id="ville">...<p>

2.

A quoi sert le langage CSS ?

a)

A réaliser des pages dynamiques

b)

A ajouter du style aux documents web

c)

A insérer du contenu dans une page internet A insérer du contenu dans une page internet

d)

Choucroute et Saucisses d'Alsace Choucroute et Saucisses d'Alsace

3.

Pourquoi utilise-t-on généralement du CSS ?

a)

Pour séparer le contenu et la présentation des documents web

b)

Pour se compliquer la vie bien sûr

c)

Cela permet de faire de plus jolis dégradés de couleurs Cela permet de faire de plus jolis dégradés de couleurs

d)

Pour se compliquer la vie bien sûr

4.

Quel élément sépare la propriété de sa valeur ?

a)

Le signe espace ( )

b)

Le signe égal (=)

c)

Le signe deux points (:)

d)

Le signe de l'addition (+)

5.

Pourquoi est-il d'usage de sauter une ligne entre chaque déclaration ?

a)

Pour rien du tout

b)

Pour faire de colorisation du code

c)

Pour que le code soit bien interprété par les navigateurs

d)

Pour rendre le code plus lisible et la maintenance plus facile

6.

Combien de règles peut contenir un fichier CSS ?

a)

150

b)

Il n'y a pas de limite, on peut en créer autant que l'on veut

c)

Si le poids du fichier n'excède pas 20Ko, c'est tout bon

d)

Je ne sais pas

7.

Dans un fichier CSS, on peut utiliser les commentaires par :

a)

<!-- commentaire -->

b)

" commentaire "

c)

/* commentaire */

d)

</* commentaire */>

8.

Quel va être l'aspect d'une bordure si on la crée en utilisant la valeur dashed ?

a)

Bordure sous forme de tirets

b)

Bordure en pointillés

c)

Bordure avec un effet 3D

d)

Bordure en ligne gras

9.

Quelle propriété nous permet de créer des bordures arrondies ?

a)

Border-style

b)

Radius

c)

Raduis-border

d)

Border-radius

10.

Que représente le padding d'un élément ?

a)

Le contenu de l'élément

b)

La marge extérieure

c)

La marge intérieure

d)

La feuille de style

11.

Quelle propriété CSS permet de modifier la taille de la police d'un élément HTML

a)

text-size

b)

font-style

c)

font-size

d)

text-style

12.

Quelle déclaration permet de supprimer le soulignement d'un élément en CSS ?

a)

underline: none;

b)

text-decoration: none;

c)

text-decoration: underline;

d)

text-decoration: hidden;

13.

Quelle propriété permet de modifier la police d'un élément HTML ?

a)

police:

b)

font:

c)

font-family:

d)

text-family:

14.

Quelle déclaration permet de définir une marge extérieure uniquement en haut et en bas de 10px d'un élément ?

a)

padding: 10px;

b)

padding: 10px 0;

c)

margin: 10px;

d)

margin: 10px 0;

15.

Quel sélecteur ci-après permet de cibler les paragraphes enfant de l'élément id="titi" ?

a)

p#titi {}

b)

#titi p {}

c)

p.titi {}

d)

titi p {}

16.

Lequel des sélecteurs suivants permet de cibler les éléments <p>, <li> et <span> ?

a)

p.li.span { }

b)

p + li + span { }

c)

p, li, span { }

d)

p li span { }

17.

Quelle propriété CSS permet de modifier la couleur d'un élément HTML ?

a)

fgcolor

b)

text-color:

c)

bgcolor:

d)

color:

18.

Comment faire pour qu'une div prenne toute la largeur disponible dans son bloc conteneur ?

a)

C'est automatique, pas besoin de spécifier une largeur

b)

div {width: 100%; padding: 10%;}

c)

div {min-width: 100%;}

d)

div {width: 80%; padding: 10%;}

19.

Quelle balise HTML est utilisée pour définir une feuille de style interne ?

a)

<css>

b)

<script>

c)

<style>

d)

<strong>

20.

Quelle est la syntaxe qui permet de relier une feuille de style à une page HTML ?

a)

<link rel="stylesheet" type="text/css" href="style.css" />

b)

<stylesheet/>style.css</stylesheet/>

c)

<style src="style.css"/></style/>

d)

<meta rel="stylesheet" type="text/css" href="style.css" />