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 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.