селекторы в действии - шаг-6-стили для заголовка
Оригинал: Step 6 - styling the heading
Установка отступов у заголовков
Нам также необходимо определить стили для заголовка, который находится в контейнере с 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;
}
Просмотреть шаг 6
Перейти к шагу #7
Добавить комментарий
