Шаг четвертый: Описание стилей CSS для формы подписки в создании адаптивной страницы на html5 и css3

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

Сегодня у нас шаг четвертый, в котором мы с вами создадим описание стилей CSS для формы подписки на html5 и css3.

Приступим …

Создаем описание стилей для формы подписки на html5 и css3

Вам для этого нужно скопировать опять же уже подготовленный мной заранее специальный код:

.subscribe{
  background:rgba(0,0,0,0.65); display: table; padding:20px; margin:0 auto 10px auto; border-radius:5px;
}
.subscribe input{
  float:left;
}
.subscribe input[type="text"], .subscribe input[type="email"]{
  padding:0; border:0; width:320px; margin-right:10px; font-family: 'Open Sans', sans-serif; font-size:1em; padding:12px 20px 13px 20px; box-sizing:border-box;		
}
.subscribe input[type="submit"]{
  background:#f3141f; border:0; color:#fff; font-size:1.25em; font-family: 'Open Sans', sans-serif; font-weight:700; padding:10px 35px; cursor:pointer;
}

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

И на этом пока на сегодня все.

Смотрим видеоурок:

Далее мы с вами узнаем:

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

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

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

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