Домой / Сайтостроение / Назначение стилей для header в html5 и css3

Назначение стилей для header в html5 и css3

назначение стилей для header в html5 и css3
назначение стилей для header в html5 и css3

Шаг третий: Назначение стилей для 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. Вот здесь!

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

Назначение стилей для header в html5 и css3

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

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

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

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



Про Валерий Бородин

Проверьте также

конструктор веб сайтов

Конструктор веб сайтов бесплатно на русском скачать от Mobirise!

Используй конструктор веб сайтов для создания сайтов — бесплатно быстро и просто! Здравствуйте, уважаемые друзья и …

  • http://koskomp.ru Дмитрий

    Ну вы и даете, Валерий. И курс выпустили, и теперь каждый урок отдельно разжевываете. Здорово)

    • https://pribylwm.ru/ Валерий Бородин

      Спасибо Дмитрий за одобрительные слова и поддержку! Вам удачи и успехов во всем!!!

Блог Валерия Бородина: LiveInternet число посетителей за сегодня Блог Валерия Бородина: данные за сегодня (Yandex.Metrika) Блог Валерия Бородина: рейтинг МайлРу