Завершенный стиль должен выглядеть так:
#secondary {
float: right;
width: 180рх:
background-color: #294Е56:
Теперь фон правого бокового меню действительно выделяется, в отличие от
Текста, который также является темным.
Добавьте еще один стиль внизу внутренней таблицы стилей, чтобы сделать весь
текст в этом боковом меню белым:
#secondary * {
color: #FFF:
Этот стиль использует преимущества универсального селектора (см. подраздел
<<Универсальный селектор~ разд. ~стилизация групп тегов~ гл. 3). Он, по
существу, дает указание ~установить белый цвет текста для каждого тега внутри.
#seconda ry~. Это краткий способ создания; если же указывать стиль для каждого
Элемента, то селекторов будет намного больше: #secondary hl, #secondary h2,
#secondary р, #secondary а и т. д.
Теперь нужно создать несколько стилей, чтобы отрегулировать размер шрифта,
Поля и другие свойства его отображения.
3. Добавьте следующие стили во внутреннюю таблицу стилей:
#secondary hЗ {
}
font-size: 1.5em:
background: #73AF87:
padding: Зрх 5рх Зрх lOpx;
#secondary h4 {
font-size: 1.2em:
margin: lOpx lOpx 5рх 10рх;
}
#secondary р {
font-size: 1.2em:
margin: Зрх 10рх lOpx 10рх;
line-height: 110%:
Каждый из этих стилей регулирует размер шрифта для различных текстовых
Тегов, используемых в боковом меню. Кроме того, добавляется цвет фона к за-
