Пошаговая инструкция создания сайта на html коде / Перенос свойств стиля подвала сайта в файл CSS

Перенос свойств стиля подвала сайта в файл CSS

В завершении переноса свойств стиля из файлов html, открываем файл footer.html.

Элемент блока <div> с идентификатором id="footer", над которым мы работали в шаге "Подвал сайта":

<div id="footer" style="height: 100px;">

height: 100px; <!-- Длина или высота подвала -->

В файле footer.html оставляем:

<div id="footer">

В файле style.css в самом низу пишем:

#footer {
    height: 100px;
 }


Элемента текста <p> в подвале сайта:

<p align="center" style="margin: 50px 0 0 0; font-family: Arial; font-size: 16px; color: #872e2e;">

align="center" <!-- Выравнивание текст по центру -->

margin: верхний правый нижний левый; <!-- Внешний отступ от краев, задается в пикселях или % -->

font-family: Arial; <!-- Шрифт текста -->

font-size: 16px; <!-- Размер текста, зададим в пикселях -->

color: #872e2e; <!-- Цвет текста -->

Зададим этому элементу класс "p_footer", и в файле html оставим только его:

<p class="p_footer">

В файле style.css пишем:

.p_footer {
    text-align: center;
    margin: 50px 0 0 0;
    font-family: Arial;
    font-size: 16px;
    color: #872e2e;
 }

На этом перенос свойств стилей из файлов html в файл CSS завершен.


Файл footer.html:

Файл css, блок подвала:

Следующий шаг - Форма подписки на рассылку новостей сайта