| |
d or
WordPerfect gives you four ways to align paragraph text.
You can align text such that each line starts at the left-hand
margin (left-justify), ends at the right-hand margin (rightjustify),
is centered (center), or ends flush with both the left
and right-hand margins (full-justified). Right-justified text
has a jagged left-hand edge.
CENTERED A word processor such as MS-Word or
WordPerfect gives you four ways to align paragraph text.
You can align text such that each line starts at the left-hand
margin (left-justify), ends at the right-hand margin (rightjustify),
is centered (center), or ends flush with both the left
and right-hand margins (full-justified). With centered text,
both edges are jagged.
LEFT & RIGHT (i.e. FULL^JUSTIFIED) A word processor
such as MS-Word or WordPerfect gives you four ways to
Рис. 4.9. Абзацы текста, выровненные по левому краю, правому краю, по центру и
по ширине
Чтобы воспользоваться четырьмя опциями выравнивания каскадных списков сти-
лей создайте в списке стилей следующие четыре несвязанных правила:
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.justify {text-align:justify}
Обратите внимание, что не требуется создавать правила для использования
свойства text-align каскадных списков стилей. Тем не менее, если вы опреде-
лите приведенные выше классы списков стилей, выравнивание элемента можно
будет выполнять с помощью задания атрибута с1азз=имякласса в дескрипторе
элемента страницы, а не атрибута styie=npaBiwioBbipaBi»iBaHH*, который на не-
сколько символов длиннее.
После описания классов для выравнивания текста в его элементе-контейнере
можно воспользоваться атрибутом class. Кроме того, текст можно выравнивать
на всей Web-странице, во всей таблице или в отдельных ее ячейках или строках,
а также можно выравнивать текст, используемый в качестве заголовков для эле-
ментов форм. Например, для выравнивания по ширине всего текста Web-страни-
цы, необходимо следующим образом установить свойство text-align в дескрип-
торе :
196 Глава 4. Каскадные списки стилей
Аналогично, для выравнивания по левому краю отдельных абзацев укажите
свойство text-align в дескрипторе абзаца <р>:
<р class="left">
Следует иметь в виду, что дочерние элементы, т.е. элементы, заключенные в
другие элементы, наследуют родительские параметры свойств каскадных списков
стилей. Таким образом, атрибут class в следующем дескрипторе (роди-
тельском элементе) будет определять выравнивание текста в абзаце (дочернем
элементе):
<р>Текст параграфа 1 будет выровнен влево и вправор>
<р>Текст параграфа 2 будет выровнен влево и вправор>
<р>Текст параграфа 3 будет выровнен влево и вправор>
<р>Текст параграфа 4 будет выровнен влево и вправор>
Тем не менее, в дочернем элементе можно изменить одно или несколько зна-
чений свойств каскадных списков стилей, передаваемых от родительского эле-
мента. Например, для изменения выравнивания абзацев из приведенного выше
примера вставьте атрибуты class или style в начальные дескрипторы элементов,
выравнивание которых необходимо изменить:
<р class="left">TeKCT параграфа 1 будет выровнен влевор>
<р>Текст параграфа 2 будет выровнен влево и вправор>
<р class="text-align:right">Текст параграфа 3 будет выровнен вправо
Р>
<р>Текст параграфа 4 будет выровнен влево и вправор>
Установка полей и высоты строк
При работе с текстом Web-страницы часто бывает необходимо оставить пустое
место между текстом и левым и правым краем окна браузера. Поля позволяют
сделать Web-страницы, содержащие больше количество текста, менее устрашаю-
щими за счет введение пустого пространства, на котором могут отдохнуть глава
посетителя. Кроме того, поля могут применяться для организации текста в ко-
лонки или увеличения интервалов между абзацами, как показано на рис. 4.10.
До п
|
|