Шаг третий: Назначение стилей для header в создании адаптивной страницы на html5 и css3

Здравствуйте, уважаемые друзья и гости блога! Сегодня у нас третий урок по созданию адаптивной страницы в html5 и css3.

Давайте приступим …

Назначение стилей для header в создании адаптивной страницы на html5 и css3

Для того, чтобы назначить стили для header в html5 и css3 вам нужно всего лишь скопировать предоставленный мной код и вставить в нужное место в нашем заготовленном заранее файле стилей style.css.

Вот данный код:

header{
  background: url(images/header-bg.png) center center no-repeat; color:#43f904; text-align: center; background-size: cover; padding: 135px 20px 90px 20px;
}
header>h1{
  font-size:3.75em; font-family: 'Raleway', sans-serif; margin-bottom: 25px
}
header>h3{
  font-size:1.125em; margin-bottom: 50px; font-style:italic;
}
header>p{
  font-size:0.75em;
}

Вы его должны вставить в самом низу файла стилей style.css.

Скачать видеоурок и все исходные файлы готовой подписной страницы, не дожидаясь окончания обучения, Вы можете на моей подписной странице по созданию адаптивной подписной страницы в html5 и css3. Вот здесь!

Теперь смотрим видеоурок:

Пока на этом все. Далее мы с вами узнаем:

Все шаги создания адаптивной страницы в html5 и css3:

• Шаг первый: Создание разметки страницы в html5 и css3
• Шаг второй: Назначение общих CSS стилей для создания адаптивной страницы в html5 и css3
• Шаг третий: Назначение стилей для header в создании адаптивной страницы на html5 и css3
• Шаг четвертый: Описание стилей CSS для формы подписки в создании адаптивной страницы на html5 и css3
• Шаг пятый: Описание стилей основного контента в создании адаптивной страницы на html5 и css3
• Шаг шестой: Делаем страницу адаптивной в html5 и css3

Спасибо за внимание!

Всегда ваш Валерий Бородин