Пока что человеческое воображение опережает возможности веб-дизайна. Для дизайнеров понимание того, как работает размещение элементов на техническом уровне, помогает определить, можно ли реализовать задуманный дизайн. Ключевое понятие здесь — модель коробки в CSS.
В CSS каждый HTML-элемент на странице оборачивается в коробку. Эта коробка состоит из внешнего отступа (margin), рамки (border), внутреннего отступа (padding) и самого содержимого (content). Коробки могут обладать разными свойствами и по-разному взаимодействовать друг с другом, а модель коробки CSS описывает, как именно они располагаются на веб-странице.
В этом уроке мы «распакуем» модель коробки CSS. Поехали!
Модель коробки в CSS
Все веб-страницы состоят из элементов, которые отображаются один за другим. Модель коробки CSS — одна из моделей, определяющих, сколько места может занять элемент на веб-странице, позволяя нам настраивать схему размещения по умолчанию…
Доступ только по подписке
Этот урок доступен только для подписчиков. Оформите подписку, чтобы получить полный доступ к материалам, эксклюзивному контенту и дополнительным бонусам.
Что даёт подписка?
- Доступ ко всем разделам учебника
- Доступ ко всем мастер-классам
- Закрытый чат с ментором
- Обратная связь на проекты
Подключите подписку сейчас и получите неограниченный доступ к этому и другим материалам!