Использование селекторов: 6.Стили для заголовка

Установка отступов у заголовков

Нам также необходимо определить стили для заголовка, который находится в контейнере с id="banner". Для этого мы будем использовать первый потомок селектора который будет выбирать только элементы <h1>в контейнере с id="banner"

К сожалению браузеры по-разному отображают заголовки, а именно вертикальные отступы от заголовков. Решением этой проблемы является установка внешних и внутрених отступов для заголовков.

      div#banner h1 {
      margin:0;
      padding:.3em 0 .3em .5em;
      }

Установка размера шрифта и жирности

Можно также установить размер шрифта и жирность используя 2 правила:

      div#banner h1 {
      margin:0;
      padding:.3em 0 .3em .5em;
      font-size:2.2em;
      font-weight:normal;
      }

 

Последние комментарии

  • Чем отличаются margin-top от margin-bottom?
  • 5
  • Отличный сайт! :D