Autoévaluation CSS

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.

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.

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.

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.

Question 7 . Quelle instruction CSS ne sélectionnera que les éléments nommés « racine »?

Choisissez la bonne réponse parmi les suivantes.

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.

Question 9 . Quelle instruction CSS ne sélectionnera que les éléments « a », « b » et « c »?

Choisissez la bonne réponse parmi les suivantes.

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.

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.