В предыдущих версиях Chrome инструменты разработчика позволяли просматривать элементы страницы и выделяли их синим цветом. Последние версии Chrome выделяют элементы синим цветом, но также имеют зеленую и оранжевую области.
Что означают цвета?
2 ответа
47
Цвета представляют области элементов, соответствующие блочной модели CSS.
- Синий это содержание
- Зеленый цвет
- Апельсин - это граница
- Красный край
(Выбор похожих оттенков оранжевого и красного, вероятно, не самый лучший.)
Это можно увидеть в разделе « Метрики » инструментов разработчика (который по умолчанию скрыт):
0
Параметры блочной модели CSS (контент / отступы / границы / поля).
Официальные документы: проверка и редактирование страниц и стилей: проверка и редактирование параметров блочной модели