Les styles CSS (1/3) <Retour

En répondant à ces 25 questions, vous pourrez apprécier partiellement l'étendue de vos connaissances liées à l'utilisation des styles CSS (Cascading Style Sheets).


Cliquez sur le bouton Vérifier pour contrôler votre réponse à la question courante.

Votre résultat global apparaîtra quand vous aurez répondu à la dernière question.
Pour clôturer le test : cliquez sur le bouton Vérifier de la question 25.

Cliquez sur le bouton ? pour obtenir des informations complémentaires. Pour masquer les informations, cliquez dessus.

Durée du test : 12 minutes - Auteur

 

1 - CSS désigne un langage :

de programmation.
dédié à la mise en forme du contenu d'une page Web.
dédié à l'impression.

 

2 - Pour créer des styles CSS, je :

dois utiliser Word.
peux utiliser un éditeur de texte quelconque.
dois utiliser Powerpoint.

 

3 - Avec les CSS, je peux modifier :

seulement la mise en forme des balises HTML.
la mise en forme des balises HTML.
la mise en forme des balises HTML et les styles définis par le concepteur.

 

4 - Dans l'écriture suivante 

h1{
   font-family:tahoma;
}

h1 désigne :

une règle
une propriété
un sélecteur

 

5 - Pour définir le début de l'utilisation des CSS dans une page Web,j'utilise la déclaration suivante :

<html css>
<style type="css/text">
<style type="text/css">

 

6 - CSS identifie un ensemble de propriétés sous la forme d'une :

règle
propriété
valeur

 

7 - Pour définir une caractéristique d'un élément, je dois définir une  :

règle
propriété
valeur

 

8 -  Si je déclare la taille de la police au niveau de body, on peut affirmer que :

cele ne sert à rien
tous les éléments textuels utiliseront la même taille
une erreur se produira

 

9 - Pour redéfinir la mise en forme de la balise body, je dois commencer l'écriture par :

.body
.body {
body {

 

10 - L'écriture suivante : 

h1,.main,.plug {
   font-family:verdana;
   font-size:18px;
}

permet de définir les propriétés pour :

h1 seulement
h1 ou .main ou .plug
h1, .main et .plug

 

11 - L'écriture a.info désigne :

un style nommé a.info
les liens de la classe info
une information destinée à l'utilisateur

 

12 - L'écriture 

a .info{
   color:red;
}

  permet d'afficher en rouge :

 tous les liens hypertextes
 les informations de la classe info contenues dans a
 cette écriture n'est pas correcte

 

13 - L'écriture a:hover {....} :

identifie un lien hypertexte quelconque.
permet de déclarer les propriétés d'un lien survolé.
permet de déclarer les propriétés d'un lien visité.

 

14 -  L'écriture suivante :

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

permet de déclarer l'utilisation d'une feuille de style stockée dans le fichier :

 look.css, stocké en C:\
 look.css du dossier styles de la racine de la page
 styles/look.css

 

15 -  Pour documenter les styles, j'utilise l'écriture suivante:

// un commentaire //
*/ un commentaire /*
/* un commentaire */

 

16 -  Sur base des informations suivantes, que se passe-t-il lorsque le pointeur de la souris survole le mot Hello :

Styles CSS

.info{
   display:none;
}
a:hover .info{
   display:inline;

Code html
<a href="#">Hello<span class="info">Bonjour à tous !</span></a>

le mot Hello est remplacé par Bonjour à tous !
Bonjour à tous ! s'affiche avant Hello.
Bonjour à tous ! s'affiche après Hello.

 

17 - Quelle est la déclaration la plus appropriée (la plus économique) pour définir la couleur des mots de la liste de classe demo :

<ul class="demo">
<li>Lundi</li>
<li>Mardi</li>
<li>Mercredi</li>
<li>Jeudi</li>
</ul>

.demo {color:green;}
demo{color:green;}
pour chaque li :<li class="demo"> et définir .demo{color:green;}

 

18 - La déclaration suivante :

li {
   display:inline;
}

permet d'afficher les éléments d'une liste :

verticalement, avec une puce.
horizontalement, avec une puce.
horizontalement, sans aucune puce.

 

19 - La déclaration suivante :

#logo{
   position:absolute;
   top:10px;
   left:10px;
}

permet de déclarer:

 une classe logo qui effectuera un positionnement relatif.
 une classe logo qui effectuera un positionnement absolu.
 un identifiant logo qui effectuera un positionnement absolu.

 

20 - Dans les deux déclarations suivantes, une déclaration est inutile :

a {
   font-family:verdana;
}

a:hover {
   font-family:verdana;
}

la déclaration de a
la déclaration de la police dans a:hover car a:hover hérite de la police de a
la déclaration de a:hover

 

21 - L'écriture suivante :

li a {
   color:green;
   text-decoration:none;
   border-bottom:1px dotted green;
}

permet de définir les propriétés de la balise :

a
li
a contenue dans la balise li

 

22 - L'écriture suivante :

* {
     border-bottom:1px solid gray;
}

permet de définir une bordure:

supérieure pour tous les éléments de la page.
inférieure pour les liens hypertextes.
inférieure pour toutes les balises de la page.

 

23 - L'écriture suivante :

td.remarque {
   padding:5px;
}

permet de définir des marges intérieures pour :

toutes les cellules de tous les tableaux.
les cellules de la classe remarque de tous les tabeaux.
 les cellules du tableau remarque.

 

24 - L'écritue suivante :

table {
   border-collapse:collapse;
}

permet de définir une bordure :

spécifique à chaque cellule de tous les tableaux.
de la classe collapse.
commune à chaque cellule de tous les tableaux.

 

25 - La règle suivante :

div {
   width:450px;
   height:200px;
   margin:0 auto;
}

indique :

que tous les div seront centrés latéralement dans le conteneur qui les héberge
que tous les div seront centrés verticalement dans le conteneur qui les héberge
un paragraphe d'une hauteur de 450px et d'une largeur de 200px