Quelles sont les couleurs de mise en évidence des outils de développement Chrome?

54

Dans les versions antérieures de Chrome, les outils de développement vous permettaient d'inspecter les éléments de page et les surlignaient en bleu. Les versions récentes de Chrome mettent en évidence les éléments en bleu, mais comportent également des zones verte et orange.

que signifient les couleurs?

entrez la description de l'image ici

Synetech
la source
1
C'est ce pour quoi je suis venu ici: bleu # 9FC4E7 vert # C2DDB6 orange # F8CB9C
fastmultiplication

Réponses:

54

Les couleurs représentent les zones des éléments correspondant au modèle de boîte CSS .

  • Le bleu est le contenu
  • Le vert est le rembourrage
  • Orange est la frontière
  • Le rouge est la marge

(Le choix de nuances similaires d’orange et de rouge ne sont probablement pas les meilleurs.)

Vous pouvez le voir dans la section Métriques des outils de développement (qui est masquée par défaut):

entrez la description de l'image ici

Synetech
la source