Параметры абзаца
Параметры текстового абзаца задаются на вкладке Block диалогового окна CSS Style Definition . Здесь же задаются параметры, применяемые к нетекстовым элементам страницы, таким как графические изображения и таблицы.
В комбинированном списке Word Spacing задается величина дополнительного пространства, помещаемого между словами. Введите нужную величину и выберите в расположенном правее раскрывающемся списке единицу измерения. Здесь доступны все единицы измерения, кроме процентов. Пункт normal комбинированного списка Word Spacing убирает дополнительное расстояние между словами текста.
В комбинированном списке Letter Spacing задается величина дополнительного пространства, помещаемого между символами. Введите нужную величину и выберите в расположенном правее раскрывающемся списке единицу измерения. Здесь доступны все единицы измерения, кроме процентов. Пункт normal комбинированного списка убирает дополнительное расстояние между символами текста.
Комбинированный список Vertical Alignment задает вертикальное выравнивание элемента страницы относительно родителя. Здесь доступны следующие пункты:
baseline — выравнивание базовой линии элемента страницы по базовой линии текста родителя (поведение по умолчанию);
sub — помещает текст ниже остального текста, имитируя нижний индекс;
super — помещает текст выше остального текста, имитируя верхний индекс;
top — выравнивание элемента страницы по верхнему краю родительского элемента;
text - top — выравнивает верхний край элемента страницы по верхнему краю текста родителя;
middle — помещает середину элемента страницы на половину высоты шрифта выше базовой линии текста родителя;
bottom — выравнивание элемента страницы по нижнему краю родительского элемента:
text - bottom — выравнивает нижний край элемента страницы по нижнему краю текста родителя.
Кроме того, вы можете ввести в этот комбинированный список процентное значение, задающее, насколько выше или ниже базовой линии родителя находится базовая линия элемента страницы.
Как бы то ни было, для того чтобы получить в окне Web -обозревателя необходимый результат, вам придется поэкспериментировать с разными значениями этого атрибута. Рассказать, как будет выглядеть тот или иной элемент страницы при том или ином значении, невозможно — его нужно видеть своими глазами. (Это, впрочем, справедливо и для многих других параметров элементов страниц, задаваемых в Dreamweaver .)
Раскрывающийся список Text Align задает горизонтальное выравнивание текста в абзаце. Здесь доступны четыре пункта:
left — выравнивание по левому краю (поведение по умолчанию);
center — по центру;
right — по правому краю;
justify — по ширине.
В поле ввода Text Indent задается величина отступа красной строки. Эта величина может быть как положительной, так и отрицательной (выступ). В раскрывающемся списке, расположенном правее, выбирается единица измерения.
В раскрывающемся списке Whitespace задается поведение пробелов внутри текста абзаца. Здесь доступны три пункта:
normal — задает обычное отображение текста, т. е. Web -обозреватель может переносить строки по пробелам, если они (строки) не будут помещаться в родительском элементе;
рге — превращает текст абзаца в фиксированно отформатированный. Как вы помните из главы 5, такой текст отображается так, как он введен в исходном HTML -коде, с учетом пробелов, возвратов каретки и т. п. Одним словом, текст ведет себя так, словно заключен внутрь тега
< pre >;nowrap — запрещает перенос текста по пробелам. Вам будет необходимо поставить в нужные места строк теги разрыва текста < BR >, если вы хотите, чтобы они всетаки переносились. Это может быть полезно, если вы захотите контролировать, как текст будет переноситься на другую строку.
Раскрывающийся список Display задает поведение элемента страницы. В нем доступно очень много пунктов:
none — элемент вообще не будет присутствовать на странице, словно он и не задан в ее коде;
inline — элемент страницы ведет себя как отдельный символ текста (встроенный элемент)',
block — элемент страницы ведет себя как абзац текста (блочный элемент);
list - item — элемент страницы ведет себя как пункт списка;
run - in — встраивающийся элемент. Если за таким элементом идет блочный элемент, он становится первым символом блочного элемента, в противном случае он сам становится блочным элементом;
compact — компактный элемент. Если за таким элементом идет блочный элемент, он форматируется как однострочный встроенный элемент и помещается на левой границе блочного элемента (если эта граница задана). В противном случае он сам форматируется как блочный элемент;
marker — маркер списка;
table — таблица;
inline - table — таблица, отформатированная как встроенный элемент;
table - row - group — строки секции тела таблицы;
table - header - group — строки секции заголовка таблицы;
table - footer - group — строки секции "поддона" таблицы;
table - row — строка таблицы;
table - column - group — группа колонок таблицы;
table - column — колонка таблицы;
table - cell — ячейка таблицы;
table - caption — заголовок таблицы.
Параметры размеров и размещения
Параметры, задающие размеры и размещение элемента страницы, задаются на вкладке Box диалогового окна CSS Style Definition . Ширину и высоту элемента страницы вы можете задать в комбинированных списках Width и Height . Эти размеры могут быть заданы как абсолютные величины или процентное значение от ширины или высоты родительского элемента (например, самой страницы). Единица измерения, как обычно, выбирается в раскрывающемся списке,расположенном справа от соответствующего комбинированного списка.Чтобы вернуть Web -обозревателю управление размерами элемента страницы,выберите значение auto или вообще очистите соответствующий комбинированный список.
Воспользовавшись раскрывающимся списком Float , вы до какой-то степени сможете "освободить" элемент страницы, вынеся его за пределы пресловутого "потока" текста. В этом списке доступны три пункта:
left - "прижимает" элемент к левому краю страницы. Все остальное содержимое страницы "обтекает" "освобожденный" элемент;
right - "прижимает" элемент к правому краю страницы;
none — оставляет элемент в "потоке" текста (поведение по умолчанию).
Вы также можете задать, будет ли текущий элемент страницы отображаться стой же стороны и в той же горизонтальной позиции, что и соседствующий с ним "освобожденный" элемент. Задается это с помощью раскрывающегося списка Clear , причем значение этого атрибута должно быть одинаковым у обоих элементов.
В списке Clear доступны четыре пункта:
left — если "освобожденный" и текущий элементы должны находиться слева, то текущий элемент перемещается ниже "освобожденного";
right — то же самое, только справа; both — то же самое, с обеих сторон;
none — разрешает "освобожденному" и текущему элементам занять одну и ту же горизонтальную позицию (поведение по умолчанию).
Значения атрибута Clear и у изображения, и у абзаца должны быть установлены в right , иначе ничего не получится.
Вам придется поэкспериментировать с этими двумя атрибутами стиля, чтобы получить нужный результат. Слишком много тут всяких нюансов, которые полностью никогда не опишешь и не всегда учтешь.
А теперь мы с вами подходим к самому интересному.
Воспользовавшись особыми атрибутами стиля, вы можете задать отступы ; от границы элемента до содержащегося в нем текста. Это позволит вам обойтись без громоздких таблиц. Величины отступов задаются в группе элементов управления Padding . В нее входят раскрывающиеся списки Тор (задает отступ сверху), Right (справа), Bottom (снизу) и Left (слева). Единицы измерения выбираются, как обычно, в раскрывающихся списках, расположенных справа. Учтите, что доступны только абсолютные единицы — процентов нет.
Группа элементов управления Margin аналогична группе Padding хотя бы тем, что в нее также входят раскрывающиеся списки Тор (задает величину отступа сверху), Right (справа), Bottom (снизу) и Left (слева). Однако, в отличие от Padding , списки этой группы задают расстояние между границей элемента и другими элементами страницы. Единицы измерения выбираются также в раскрывающихся списках справа. В отличие от атрибутов группы Padding , здесь доступны относительные единицы измерения — проценты, т. е. вы можете задать отступ как процент от соответствующего размера родителя.
Обе этих группы создают на странице свободное пространство. Но, если свободное пространство, полученное с помощью элементов группы Padding , принадлежит текущему элементу страницы, то созданное с помощью группы Margin — не принадлежит ему, а точнее, принадлежит самой странице. Это можно использовать для получения различного рода эффектов.
Если вы хотите задать одинаковые отступы со всех сторон, то можете включить флажок Same for All , находящийся в соответствующей группе элементов управления. После этого введите нужную величину отступа в комбинированный список Тор (остальные списки станут недоступными). Флажок Same for All включен по умолчанию, т. к. отступы для элемента страницы, как правило, задаются одинаковыми со всех сторон.
Пользуясь атрибутами стиля, задаваемыми на вкладке Box диалогового окна CSS Style Definition , вы можете в некоторой степени обойтись без таблиц. В частности, если вы используете таблицы для задания отступа или отступов вокруг текста (иначе говоря, просветов), то теперь можете от них отказаться. В самом деле, атрибуты стилей Margin и Padding предпочтительнее, так они как не обладают недостатками, в изобилии присущими таблицам.
