En versiones anteriores de Chrome, las herramientas de desarrollador le permitían inspeccionar los elementos de la página y los resaltaban en azul. Las versiones recientes de Chrome resaltan elementos en azul, pero también tienen áreas verdes y naranjas.
¿Qué significan los colores?
google-chrome-devtools
Synetech
fuente
fuente
Respuestas:
Los colores representan las áreas de elementos correspondientes al modelo de caja CSS .
(La elección de tonos similares de naranja y rojo probablemente no sea la mejor).
Puede ver esto en la sección Métrica de las herramientas de desarrollador (que está oculta de forma predeterminada):
fuente
Parámetros del modelo de cuadro CSS (contenido / relleno / borde / margen).
Documentos oficiales: inspeccionar y editar páginas y estilos: examinar y editar parámetros del modelo de cuadro
fuente