W poprzednich wersjach Chrome narzędzia programistyczne pozwalały na sprawdzanie elementów strony i wyróżniałyby je na niebiesko. Najnowsze wersje Chrome wyróżniają elementy na niebiesko, ale mają także zielone i pomarańczowe obszary.
Co oznaczają kolory?
google-chrome-devtools
Synetech
źródło
źródło
Odpowiedzi:
Kolory reprezentują obszary elementów odpowiadające modelowi pudełkowemu CSS .
(Wybór podobnych odcieni pomarańczy i czerwieni prawdopodobnie nie jest najlepszy.)
Możesz to zobaczyć w sekcji Metryki narzędzi dla programistów (która jest domyślnie ukryta):
źródło
Parametry modelu pola CSS (zawartość / wypełnienie / ramka / margines).
Oficjalne dokumenty: Sprawdź i edytuj strony i style: Sprawdź i edytuj parametry modelu pudełka
źródło