1 подписчик

🤓 "Создание Веб-сайта:"

DevTools - это инструмент, которым разработчики сайтов пользуются постоянно. 🦾

Многие из Вас уже видели этот инструмент и даже пользовались, чтобы поменять какой-либо текст на странице. (Многие делали так на уроках информатики 🤭)

❓Чем же удобен DevTools? 🤔

— Вы можете просматривать код страницы, изменять его и при этом ничего не испортите 😉 (страница вернется в первоначальное положение после перезагрузки 🔄).

Вызвать DevTools можно с помощью нажав на элемент правой кнопкой мыши и выбрав пункт "Просмотреть код" или "Исследовать элемент" (на разных компьютерах по разному)

Наиболее часто используются вкладки style и computed. ❔За что же отвечает каждая из них? 🤷‍♂

• Во вкладке style мы можем увидеть все стили, которые имеет объект. Применение любого стиля мы можем отменить, просто убрав галочку. При этом строка со стилем зачеркнётся.

• Во вкладке computed мы можем увидеть блочную модель элемента - размеры полей, отступов, границ и самого элемента.

Около минуты

6 марта 2024