Html & css. Занятие 31. Теги header, footer, article, aside и section
Как прижать footer (футер) к низу странице html css flexbox
Все привет! Сегодня я расскажу и покажу как при помощи flexbox можно прижать footer к низу страницы html готовый код в конце статьи! И так давайте приступим. Я так думаю что вы умеете уже подключать css стили к html странице. HTML Код <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Flexbox</title> </head> <body> <div class="wrapper"> <header class="header"></header>...
CSS: Многоколоночные макеты
При вёрстке сайта, одной из первых задач верстальщика является создание основного шаблона. Основным шаблоном в данном случае называется вёрстка без контента - это совокупность шапки сайта, меню, футера и прочих элементов, которые встречаются на каждой странице. Итак, попробуем сверстать простой макет сайта. Сверху у нас будет шапка сайта, слева будет навигация по разделу сайта, справа контент, а снизу футер. Стандартный шаблон, ничего необычного. Начнём с HTML. <div class="main-container">
<header>Header</header>
...