7. После стиля . s i deba r во внутренней таблице стилей добавьте наследуемый селектор:
.sidebar h2 {
border: none:
margin-top: 0:
padding: 0:
Глава 7. Поля, отступы, границы
Из-за . sidebar этот стиль является доминирующим, то есть имеет большую значимость
По сравнению с обычным стилем h2. Он стирает границу, полученную от
оригинального стиля тега <h2>, вместе с верхним полем и всеми отступами. Тем
Не менее, поскольку в этом стиле не определены размер, цвет и начертание шрифта,
эти свойства по-прежнему передаются от стиля h2 - каскадпасть в действии!
Страница стала хорошо выглядеть, но границы тегов <h2> все еще появляются
Под боковой панелью. На это не очень приятно смотреть, но все можно легко
Исправить.
8. Найдите стиль h2 и добавьте свойство overfl ow:
h2 {
font-size: 24рх :
font-fami ly: "Arial Narrow". Arial. Helvetica. sans-serif:
color: #F96Вl8:
border-top: 2рх dotted #8DA516:
border-bottom: 2рх dotted #8DA516:
padding-top: 5рх:
padding-bottom: 5рх:
margin: 15рх О 5рх 0:
overflow: hiddeп:
У становив для свойства overfl ow значение hi dden, вы спрячете границы, которые
Проходят за пределами текста заголовка и под плавающим элементом (к сожалению,
Internet Explorer 6 не понимает этого и по-прежнему отображает границы
Под боковой панелью, но вы узнаете, как исправить проблему, в следующем