- Теория
- Теория
Завершаем первую страницу
Страница практически готова. Из сеточных элементов остался только подвал страницы.
Подвал обозначается тегом <footer>, это блочный бокс. Изменять тип бокса в данном случае не требуется, ведь в подвале нет колонок. Но для соответствия макету нужно добавить ему внутренние отступы.
Для стилизации используем класс page-footer.
В завершение отключим подсветку сеточных элементов, она больше не нужна.
На этой странице мы использовали гриды для шапки и списка преимуществ и блочные боксы для подвала и самого верхнего бокса на странице - тега <body> (его тип тоже можно изменить при необходимости). Грид-контейнеры нам понадобились, чтобы изменить поток и выстроить элементы в несколько колонок. Там, где поток менять не требовалось, мы использовали тип бокса по умолчанию. Мы также научились задавать элементам фиксированные внутренние и внешние отступы.
Гриды — очень мощная и гибкая технология, и мы пока рассмотрели только часть её возможностей. Узнайте, что ещё можно сделать с помощью гридов, пройдя часть «Знакомство с гридами».
Гриды не единственный способ изменять поток и строить сетки. В следующих заданиях мы в этом убедимся.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
