Домой / Сайтостроение / Назначение стилей для 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:

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

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



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

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

как сделать картинку ссылкой в html

Как сделать картинку ссылкой в html на любом сайте!

Узнай сейчас как сделать картинку ссылкой в html на своем сайте! Здравствуйте, уважаемые друзья и …

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

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

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

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

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