Назначение стилей для 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:

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

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

Понравилась статья? Поделиться с друзьями:
Комментариев: 2
  1. Дмитрий

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

    1. Валерий Бородин (автор)

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

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: