Vous devez activer Javascript pour accéder à ce site
 

Semaine

RECHERCHE

Autoévaluation

Le bouton « Vérifier ma réponse » donne accès à un script qui, en plus de vous permettre de vérifier vos réponses, fournit une courte explication. Si tous les commentaires sont en bleu, c'est que vous avez la bonne réponse; sinon, lisez les commentaires en rouge pour comprendre votre erreur. Puis, essayez de nouveau en cliquant sur le bouton « Recommencer ».

Question 1. Quelle affirmation décrit le mieux un document CSS?

Choisissez la bonne réponse parmi les suivantes.

  1. Un document CSS doit être un document XML valable.
  2. Un document CSS doit spécifier le document XML auquel il se rattache.
  3. Un document CSS précise une façon de présenter certains éléments XML.
Question 2. Supposons que j'applique un fichier CSS vide au document XML suivant...

<facture> <personne>Marc Popowich</personne> <montant>1010.24</montant> <raison>Achat d'ordinateur</raison> </facture>

Qu'est-ce que le navigateur devrait afficher?

Choisissez la bonne réponse parmi les suivantes.

  1. Rien.
  2. Marc Popowich 1010.24 Achat d'ordinateur
  3. Marc Popowich 1010.24 Achat d'ordinateur
  4. Marc Popowich 1010.24 Achat d'ordinateur
  5. Marc Popowich
Question 3. Supposons que j'applique le fichier CSS suivant...

* { font-style: italic; } montant { text-decoration: underline; }

au document XML suivant...

<facture> <personne>Marc Popowich</personne> <montant>1010.24</montant> <raison>Achat d'ordinateur</raison> </facture>

Qu'est-ce que le navigateur devrait afficher?

Choisissez la bonne réponse parmi les suivantes.

  1. Rien.
  2. Marc Popowich 1010.24 Achat d'ordinateur
  3. Marc Popowich 1010.24 Achat d'ordinateur
  4. Marc Popowich 1010.24 Achat d'ordinateur
  5. Marc Popowich
Question 4. Étant donné le document XML suivant :

<?xml version="1.0" encoding="ISO-8859-1" ?> <facture> <personne> <prenom>Marc</prenom> <prenom>Antoine</prenom> <nom>Popowich</nom> </personne> </facture>

Quels documents CSS mettront « Marc » et « Antoine » en rouge, et rien d'autre.

Choisissez toutes les réponses qui s'appliquent, puis appuyez sur le bouton « Vérifier ma réponse ».

  1. personne prenom { color: red; }

  2. prenom personne { color: red; }

  3. facture prenom { color: red; }

  4. facture > prenom { color: red; }

  5. personne > prenom { color: red; }

  6. prenom + prenom { color: red; }

Question 5. Étant donné le document XML suivant :

<?xml version="1.0" encoding="ISO-8859-1" ?> <facture> <personne> <prenom num="1">Marc</prenom> <prenom num="2" special="vrai">Antoine</prenom> <nom lang="inconnu">Popowich</nom> </personne> </facture>

Quels documents CSS permettent d'afficher uniquement « Marc Popowich »?

Choisissez toutes les réponses qui s'appliquent, puis appuyez sur le bouton « Vérifier ma réponse ».

  1. prenom { display: none; }

  2. prenom[special] { display: none; }

  3. prenom[num] { display: none; }

  4. *[special] { display: none; }

  5. *[num="2"] { display: none; }

Question 6. Quelle instruction CSS sélectionnera les éléments « facture » et « montant »?

Choisissez la bonne réponse parmi les suivantes.

  1. facture | montant {}
  2. facture > montant {}
  3. facture + montant {}
  4. facture, montant {}
Question 7. Quelle instruction CSS ne sélectionnera que les éléments nommés « racine »?

Choisissez la bonne réponse parmi les suivantes.

  1. racine {}
  2. * racine { }
  3. #racine {}
  4. racine ()
Question 8. Quelle instruction CSS ne sélectionnera que les éléments « input » avec l'attribut « type="text" »?

Choisissez la bonne réponse parmi les suivantes.

  1. input[type="text"] {}
  2. input[.text] {}
  3. input.text {}
  4. input[type:"text"] {}
Question 9. Quelle instruction CSS ne sélectionnera que les éléments « a », « b » et « c »?

Choisissez la bonne réponse parmi les suivantes.

  1. a | b | c {}
  2. a, b, c {}
  3. a b c {}
  4. a + b + c {}
Question 10. Quelle instruction CSS sélectionnera les éléments « p » qui sont contenus dans un élément « li »?

Choisissez la bonne réponse parmi les suivantes.

  1. li < p {}
  2. li p {}
  3. li.p {}
Question 11. Quelle instruction CSS sélectionnera les éléments « p » directement contenus dans un élément « li » (« p » est un enfant immédiat de « li »)?

Choisissez la bonne réponse parmi les suivantes.

  1. li p {}
  2. li > p {}
  3. li < p {}
  4. li.p {}

© Daniel Lemire, 2014. Tous droits réservés.