Astuces concernant les outils de développement: identifier les améliorations CSS

Sofia Emelianova
Sofia Emelianova

Le panneau CSS Overview (Aperçu CSS) des outils de développement vous permet de trouver d'un coup d'œil les améliorations potentielles du CSS sur votre page.

Pour obtenir un rapport, accédez à Outils de développement > Plus. > Plus d'outils > Présentation du CSS, puis cliquez sur Capturer l'aperçu.

Le rapport comporte plusieurs sections:

  • Résumé contenant des statistiques sur les styles, les sélecteurs et les requêtes média.
  • Une répartition des couleurs utilisées, y compris les problèmes de contraste (les problèmes les plus courants sur le Web).
  • Répartition des polices utilisées avec des statistiques sur la taille, l'épaisseur et la hauteur des lignes.
  • Déclarations CSS inutilisées.
  • Statistiques sur les requêtes média, triées par nombre d'occurrences dans l'ordre décroissant.

Pour profiter d'une expérience d'apprentissage plus pratique, consultez Présentation du CSS: identifier les améliorations potentielles du CSS.

Pour en savoir plus sur les problèmes de contraste, consultez Améliorer la lisibilité de votre site Web.