Aller au contenu

Web : CSS et mise en page

Web · Débutant · 10 questions. Une seule bonne réponse par question. Répondez puis consultez la correction expliquée.

  • 1. CSS sert principalement à…
  • 2. Quel sélecteur cible la classe carte ?
  • 3. Quel sélecteur cible l’identifiant principal ?
  • 4. Quelle propriété gère la marge intérieure ?
  • 5. Quelle propriété gère la marge extérieure ?
  • 6. Avec box-sizing: border-box, width inclut…
  • 7. Une media query permet de…
  • 8. Pourquoi éviter une largeur fixe de 1200 px sur un contenu mobile ?
  • 9. À quoi sert gap dans une grille ?
  • 10. Un focus visible est utile…
Corrigé à lire, même sans JavaScript
  1. Décrire la présentation. Les règles CSS contrôlent notamment les couleurs, espacements et dispositions.
  2. .carte. Le point introduit un sélecteur de classe.
  3. #principal. Le dièse introduit un sélecteur d’identifiant.
  4. padding. Le padding sépare le contenu de sa bordure.
  5. margin. La marge extérieure sépare la boîte des éléments voisins.
  6. Contenu, padding et bordure. Le modèle border-box facilite le dimensionnement d’une boîte avec padding et bordures.
  7. Appliquer des règles selon une condition de média. Elle peut adapter la mise en page à la largeur disponible.
  8. Elle peut provoquer un débordement. Une largeur adaptée à l’espace disponible évite un défilement horizontal inutile.
  9. À espacer les pistes et éléments. Gap fournit des espacements entre les lignes et colonnes d’une grille.
  10. Pour repérer le contrôle actif au clavier. Les utilisateurs au clavier doivent pouvoir suivre leur position dans la page.

Pour approfondir : Documentation MDN. Les cours PandaCodeur.