Sommaire

Quiz CSS

Testez vos connaissances en CSS. 20 questions à choix multiples sont posées ci-dessous pour vous évaluer. Une fois votre choix fait pour chaque question, il suffira de valider le formulaire pour accéder aux résultats. Bon chance.

1 / Que veux dire l'abréviation CSS ?

Colorful Style Sheets

Computer Style Sheets

Creative Style Sheets

Cascading Style Sheets

2 / Quelle déclaration CSS permet d'ajouter une majuscule à chaque mot d'un élément HTML ?

text-transform: capitalize;

font-transform: capitalize;

text-decoration: uppercase;

C'est impossible

3 / Lequel de ces sélecteurs permet de cibler l'élément HTML avec l'attribut id="titi" ?

#titi {}

*titi {}

.titi {}

titi {}

4 / Lequel de ces sélecteurs permet de cibler l'élément HTML avec l'attribut class="toto" ?

#titi {}

*titi {}

.titi {}

titi {}

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

fgcolor:

text-color:

color:

bgcolor:

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

text-size:

font-style:

text-style:

font-size:

7 / Lequel de ces sélecteurs a le poids le plus important et donc la priorité sur les autres ?

#toto

.titi

body

*

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

underline: none;

text-decoration: none;

text-decoration: underline;

text-decoration: hidden;

9 / Quelle valeur de la propriété display: permet de faire disparaître un élément ?

hidden

invisible

no

none

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

police:

font:

font-family:

text-family:

11 / Quelle déclaration permet de centrer le texte d'un élément ?

text: center;

text-align: center;

font-align: center;

align: center;

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

padding: 10px;

padding: 10px 0;

margin: 10px 0;

margin: 10px;

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

p#titi {}

#titi p {}

p.titi {}

titi p {}

14 / Quelle propriété permet de déterminer la marge intérieure d'un élément ?

margin:

padding:

display:

border:

15 / Quelle déclaration permet de supprimer le gras d'un texte d'un élément <strong> ?

text-weight: reset;

text-weight: none;

font-weight: none;

font-weight: normal;

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

p.li.span {}

p + li + span {}

p li span {}

p, li, span {}

17 / Lequel des sélecteurs suivants permet de cibler l'élément qui possède les classes .super, .mega et .top ?

#super, #mega, #top {}

.super + .mega + .top {}

.super.mega.top {}

.super .mega .top {}

18 / Quelle est la valeur par défaut de la propriété display: pour un élément <p> ?

none

inline

block

inline-block

19 / Comment ajouter un commentaire en CSS ?

<!-- Commentaire -->

/* Commentaire */

// Commentaire

# Commentaire #

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

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

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

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

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

Valider