В нашем шаблоне использованы элементы <h1> и <h2> для объявления заголовков и подзаголовков различных разделов документа. Стили по умолчанию для этих элементов всегда далеки от того, что нам хотелось бы видеть на экране. Зато, как мы узнали из предыдущей главы, в HTML5 иерархию элементов H можно выстраивать заново в каждом разделе. Например, в одном документе элемент <h1> может встречаться несколько раз — не только для определения главного заголовка документа, как было ранее, но и во внутренних разделах. Таким образом, необходимо определить подходящие стили для всех нужных уровней заголовка.
Листинг 2.27. Добавление стилей для элементов <h1> и <h2> hi {
Font: bold 20px verdana, sans-serif;
}
H2 {
Font: bold 14px verdana, sans-serif;
}
Свойство font, которое в листинге 2.27 мы связываем с элементами <hi> и <h2>, позволяет задать все текстовые стили в одной строке объявления. С помощью font можно объявлять следующие свойства: font-style, font-variant, font-weight, font-size/line-height и font-family
В указанном порядке. В наших правилах мы меняем стиль начертания, размер и семейство шрифта для любого текста, содержащегося внутри элементов <hi> и <h2>, на желаемые.
Добавить комментарий