4. Добавьте следующий стиль перед тем, который только что создали:
#banner {
position: relative:
Хорошей практикой считается помещать СSS-код для стилей, которые управляют
Основным разделом страницы (как этот стиль #banner), над кодом для стилей,
Форматирующих только части этого раздела (как стиль, который мы создали
В шагt: 3). Кроме того, группирование стилей для связанных разделов
Облегчает их поиск, когда нужно проанализировать или отредактировать СSSкод
Страницы. В этом случае стиль #banner идет первым во внутренней таблице
Стилей, потому что он применяется к большему куску НТМL-кода. Но вы должны
Держать стиль #banner #badge рядом с ним, так как добавляете больше стилей
На страницу ( прочитать о методиках организации вашего СSS-кода вы можете
в разд. «Организация стилей и таблиц стилей• гл. 15).
Стиль #banner создает новую среду расположения для любых вложенных тегов.
Другими словами, значение ге l at i ve делает так, что любые другие элементы
Внутри этого тега получают место относительно краев баннера. Это изменение
В позиционировании меняет размещение стиля, который вы создали в шаге 3.
Теперь он смещен на 18 пикселов вверх и влево от области баннера. Значок все
Еще немного «нависаен над страницей, поэтому нужно добавить небольшие
