👩‍💻 Напоминалка по HTML-элементам div и span!

Например, <div> используется для группировки блоков и применения стилей к целым секциям, а <span> — для выделения и стилизации отдельных частей текста внутри строки.

На картинке — сравнение блокового <div> со строчным <span>, с примерами кода и наглядным результатом.

Сохрани, чтобы не забыть!

📣 Code Ready | #ресурсы

👩‍💻 Можно ли подсветить элемент, когда он получает внимание пользователя?

Псевдокласс :focus срабатывает, когда элемент находится в фокусе — например, после клика мышкой или перехода через клавишу Tab.

Примеры использования:

• outline — рисуем рамку вокруг поля ввода;

• background — меняем фон кнопки при фокусе;

• box-shadow — добавляем мягкое свечение;

• transform — можно слегка «увеличить» элемент.

Важно знать, что в стандартных стилях браузера уже прописаны дефолтные стили для фокуса интерактивных элементов.

📣 Code Ready | #свойство