Sofia Emelianova
O painel CSS Overview no DevTools permite encontrar rapidamente possíveis melhorias de CSS na sua página.
Para gerar um relatório, abra o DevTools > 
> Mais ferramentas > Visão geral do CSS e clique em Capturar visão geral.
O relatório mostra várias seções:
- Um resumo com estatísticas sobre estilos, seletores e consultas de mídia.
- Um detalhamento das cores usadas, incluindo problemas de contraste, os problemas mais comuns na Web.
- Um detalhamento das fontes usadas com estatísticas de tamanho, peso e altura da linha.
- Declarações CSS não usadas.
- Estatísticas de consultas de mídia classificadas por número de ocorrências em ordem decrescente.
Para uma experiência de aprendizado mais prática, consulte Visão geral do CSS: identificar possíveis melhorias no CSS.
Para saber mais sobre problemas de contraste, consulte Tornar seu site mais legível.