CSS по шагам




Пример 10.3. Отступы между заголовками и текстом


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style type="text/css">

H1 + H2 {

 margin-top: -10px /* Смещаем заголовок 2 вверх */

}

H2 + P {

 margin-top: -1em /* Смещаем первый абзац вверх к заголовку */

}

</style>

</head>

<body>

<h1>Заголовок 1</h1>

<h2>Заголовок 2</h2>

<p>Абзац!</p>

</body>

</html>

Поскольку при использовании соседних селекторов стиль применяется только ко второму элементу, то размер отступов уменьшается за счет включения отрицательного значения параметра margin-top. При этом текст поднимается вверх, ближе к предыдущему элементу.

Информация взята с сайта

Copyright © 2005 Влад Мержевич, по всем вопросам пишите по адресу




Содержание  Назад  Вперед