Quiz: Maîtrise des sélecteurs et styles CSS — 6 Fragen

1. En quoi la priorité du sélecteur ID diffère-t-elle de celle du sélecteur de type dans CSS ?

A. Le sélecteur ID a une priorité plus faible que le sélecteur de type

B. Le sélecteur ID a la même priorité que le sélecteur de type

C. Le sélecteur ID n'a pas de priorité spécifique par rapport au type

D. Le sélecteur ID a une priorité plus forte que le sélecteur de type

Answer: (D)

Erklärung

La source indique que l'ID (#id) a la priorité la plus forte, tandis que le type a la priorité la plus faible. Donc, le sélecteur ID a une priorité plus forte que le sélecteur de type.

2. Quelle affirmation correspond au sujet « Sélecteurs descendants et adjacents en CSS » ?

A. Le sélecteur de classe (.class) a une priorité intermédiaire entre ID et type

B. Sélecteur de classe : Un sélecteur CSS qui cible les éléments possédant une classe spécifique, identifié par un point suivi du nom de la classe, avec une priorité intermédiaire dans la…

C. Sélecteur de type : Un sélecteur CSS qui cible les éléments selon leur type ou nom de balise HTML, avec la priorité la plus faible dans la hiérarchie de spécificité

D. Il cible : Expression utilisée pour indiquer les éléments HTML sélectionnés par un sélecteur CSS donné

Answer: (D)

Erklärung

Cette affirmation est directement issue de la partie du cours consacrée à ce sujet : Il cible : Expression utilisée pour indiquer les éléments HTML sélectionnés par un sélecteur CSS donné.

3. Quelle est la fonction principale de l’unité CSS vw ?

A. Permet une adaptation automatique à la largeur de l’écran

B. Définit la taille de police relative au contenu

C. Fixe la taille d’un élément en pixels

D. Représente une longueur physique indépendante de l’écran

Answer: (A)

Erklärung

L’unité vw permet une adaptation automatique à la largeur de l’écran, ce qui est essentiel pour le design responsive.

4. Quelle affirmation correspond au sujet « Sélecteur universel et application globale des styles » ?

A. Sélecteur de classe : Un sélecteur CSS qui cible les éléments possédant une classe spécifique, identifié par un point suivi du nom de la classe, avec une priorité intermédiaire dans la…

B. Le sélecteur de classe (.class) a une priorité intermédiaire entre ID et type

C. Sélecteur de type : Un sélecteur CSS qui cible les éléments selon leur type ou nom de balise HTML, avec la priorité la plus faible dans la hiérarchie de spécificité

D. Sélecteur universel () : Un sélecteur CSS représenté par l’astérisque () qui cible tous les éléments HTML d’un document

Answer: (D)

Erklärung

Cette affirmation est directement issue de la partie du cours consacrée à ce sujet : Sélecteur universel () : Un sélecteur CSS représenté par l’astérisque () qui cible tous les éléments HTML d’un document.

5. En quoi la balise <link> diffère-t-elle de la balise <style> pour charger une feuille CSS externe ?

A. <link> utilise l'attribut rel pour indiquer le type de ressource, <style> ne le fait pas

B. <link> peut charger un fichier externe avec l'attribut href, <style> ne supporte pas l'attribut src

C. <link> est utilisé pour les scripts, <style> pour le CSS

D. <link> doit être placé dans le corps du document, <style> dans l'en-tête

Answer: (B)

Erklärung

<link> peut charger un fichier externe avec l'attribut href, <style> ne supporte pas l'attribut src, donc ne peut pas charger un fichier externe.

6. En quoi les groupes de sélecteurs diffèrent-ils des pseudo-classes en CSS ?

A. Les groupes de sélecteurs ciblent un seul élément, contrairement aux pseudo-classes.

B. Les pseudo-classes sont utilisées pour appliquer des styles à plusieurs éléments, alors que les groupes de sélecteurs ne le sont pas.

C. Les pseudo-classes ne peuvent pas être combinées avec des sélecteurs de type ou de classe.

D. Les groupes de sélecteurs sont séparés par des virgules, tandis que les pseudo-classes commencent par deux-points.

Answer: (D)

Erklärung

Les groupes de sélecteurs sont séparés par des virgules, permettant de cibler plusieurs éléments, tandis que les pseudo-classes, commençant par deux-points, ciblent un état spécifique d’un seul élément.