Создайте поле примечаний

В вашем текстовом редакторе откройте файл таблицы стилей Raven.css, представленный в Листинге 7.6.
Модифицируйте таблицу стилей, чтобы она приняла вид, представленный в Листинге 7.7.

К оригинальной таблице стилей добавлены следующие новшества.
Для элементов STANZA установлено левое поле в один дюйм.
Элемент NOTE (который вы добавите в документ позднее) отформатирован как поле примечания, отображаемое в зоне левого поля первого элемента STANZA. Для этого:
для него установлено сплошное обрамление с толщиной линий 1 пиксель;
текст выровнен по центру;
для свойств width и height установлено значение в один дюйм;
установлен режим обтекания с размещением слева от последующего текста.

Воспользуйтесь командой Save As (Сохранить как) вашего текстового редактора, чтобы сохранить копию модифицированного документа под именем Raven01.css.

/* File Name: Raven01.css */

POEM {font-size:12pt}

POEM, TITLE, AUTHOR, DATE, NOTE, STANZA, VERSE {display:block}

DATE {margin-bottom:.25in}

STANZA {margin-left:1in; margin-bottom:.25in}

NOTE {border-style:solid; border-width:1px; text-align:center; width:1in; height:1in; float:left}

Листинг 7.7. Raven01.css (html, txt)
В вашем текстовом редакторе откройте документ Raven.xml, представленный в Листинге 7.6.
В файле Raven.xml отредактируйте инструкцию по обработке xml-stylesheet в начале файла, чтобы он указывал на новую таблицу стилей, которую вы только что создали – Raven01.css – следующим образом: <?xml-stylesheet type="text/css" href="Raven01.css"?>
В документе Raven.xml добавьте следующий новый элемент непосредственно над элементом STANZA: <NOTE>This is a floating margin note. </NOTE>

Поскольку в таблице стилей для элемента NOTE вы установили свойство float:left , он будет располагаться слева от последующего текста документа – т.е., слева от первого элемента STANZA.
Воспользуйтесь командой Save As (Сохранить как) вашего текстового редактора, чтобы сохранить копию модифицированного документа под именем Raven01.xml.

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