Основы работы с XHTML и CSS

Использование отрицательных значений


При использовании размеров в пикселях часто необходимо использовать отрицательные значения, чтобы добиться желательного результата. Параграф, показанный на рисунке 4.6, применяет отступ первой строки текста в -20px, чтобы создать "выступающий" формат параграфа, часто используемый в отчетах для библиографических записей.


Рис. 4.6.  Использование оформления текста для создания библиографических записей

Как показано на листинге 4.11, оформление задается окружающим тегом <div>, который использует класс стиля .biblio для своих параграфов. Левое поле для всех параграфов задается равным 20px. Такая настройка смещает весь параграф, так что задание смещения в -20px смещает первую строку влево до края поля.

<style type="text/css"> .head {text-align:center; font-weight:bold; font-size:14pt} .biblio {margin-left:20px; text-indent:-20px} .book {font-style:italic} </style>

<div class="head">Библиография</div>

<div class="biblio">

<p>Duthie, P. A. & MacDonald, M. (2002). <span class="book">ASP.NET in a Nutshell: A Desktop Quick Reference</span>. Sebastopol, CA: O`Reilly & Associates, Inc.</p>

<p>Goodman, Danny (2002). <span class="book">Dynamic HTML: The Definitive Reference.</span>. Sebastopos, CA: O`Reilly & Associates, Inc.</p>

<p>Griffin, J., Morales, C., & Finnegan, J. (2003). <span class=<book<>Web Design & Development Using XHTML</span>. Wilsonville, Oregon: Franklin, Beedle & Associates.</p>

</div>

Листинг 4.11. Код для создания выступающих параграфов (html, txt)



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