Реферат: Продвинутая CSS-верстка: шаг за шагом

# inherits auto from level1 in all others

}

#tipDay{

float:right;

width:175px;

background:#FFF3AC;

position:relative; # - New, forces z-index so this div displays in IE

}

Очищаем стиль

Теперь самое время провести генеральную уборку. Для начала избавимся от слоя "level3" и передадим все его стилевые декларации слою "main". Добавим правому блоку границу с помощью свойства border-right слоя "main". Также сделаем два заголовка для основной области и поставим в правый блок несколько тестовых подзаголовков. Внизу правого блока добавим подзаголовок "A_Long_String", чтобы продемонстрировать проблемы, возникающие при использовании больших шрифтов. Этот подзаголовок нельзя разбить на несколько линий, и он может раздвинуть блок, если превысит его по ширине. Взгляните.

#main { # Where the main content goes

margin-right:143px;

padding-right:9px;

background:#FFF;

}

#main h1 { # Where our main section headers go

margin:0;

padding-left:.3em;

font:1.25em Verdana,Helvetica,Arial;

color:#609;

background:#FC0;

}

#main dt { # Bump up the main content links

font-weight:bold;

font-size:120%;

margin-top:.8em

}

#rgtBar h3 { # Subheads for right nav bar, (newsletter, experts...)

margin:0;