|
На заметку |
Установите на своем сайте нашу кнопку: |
|
Параметры шрифта
Взгляните еще раз на вкладка Туре диалогового окна CSS Style Definition . На этой вкладке задаются параметры шрифта текста.
Сам шрифт выбирается в комбинированном списке Font . Вы можете выбрать один из шрифтов либо ввести его имя вручную. Правда, при этом вы должны быть уверены, что этот шрифт гарантированно установлен на компьютерах пользователей, или специально позаботиться об этом. (Например, распространить файл шрифта среди всех потенциальных посетителей вашего Web -сайта.)
В комбинированном списке Size задается размер шрифта. Вы можете либо ввести числовое значение в одной из поддерживаемых CSS величин, либо выбрать в списке предопределенное, абсолютное или относительное.
В общем, в этом комбинированном списке можно найти три вида пунктов:
Пункты — числовые значения. Задают размер шрифта в одной из поддерживаемых CSS единиц измерения;
Пункты xx - small , x - small , small , medium , large , x - large и xx - large , задающие одно из предопределенных значений размера шрифта;
Пункты larger и smaller , задающие относительный размер шрифта. Пункт larger увеличивает шрифт на одну позицию в списке предопределенных значений, а пункт smaller — уменьшает.
Как уже говорилось, вы можете также вводить нужные числовые значения прямо в этом списке.
В раскрывающемся списке, расположенном правее Size , выбирается единица измерения размера шрифта. Этот список доступен только тогда, когда в Size выбрано или введено числовое значение. Всего здесь доступно девять пунктов, представляющих девять единиц измерения, поддерживаемых стандартом CSS . Все они перечислены и описаны в табл.10.2. В комбинированном списке Weight задается величина "жирности" шрифта. Вы можете ввести числовое значение "жирности" от 100 до 900, либо выбрать одно из предопределенных абсолютных или относительных значений. Как и в списке Size , здесь доступны пункты трех типов:
Пункты — числовые значения. Задают "жирность" шрифта в числах от 100 до 900. Обычный шрифт имеет значение 400, жирный — 700;
Пункты normal и bold , задающие соответственно обычный и жирный шрифт;
Пункты bolder и lighter , задающие относительную "жирность" шрифта. Пункт bolder увеличивает "жирность" на одну позицию в списке предопределенных значений, а пункт lighter — уменьшает.
В раскрывающемся списке Style вы можете выбрать "стиль" шрифта, а именно, будет ли он являться курсивом или нет. Доступны три пункта: normal — обычный шрифт, italic — курсив и oblique — зависит от конкретной программы Web -обозревателя, но обычно тоже курсив.
В раскрывающемся списке Variant задается вид малых букв шрифта. Пункт normal задает нормальный их вид, a small - caps делает их похожими на уменьшенные заглавные буквы.
В комбинированном списке Line Height задается вертикальный размер строки текста. Значение normal задает размер по умолчанию, вычисляемый самим Web -обозревателем. Чтобы задать свой размер, введите его вручную и выберите единицу измерения. Раскрывающийся список, задающий единицу измерения, находится правее. Если вы его откроете, то увидите, что он имеет новый пункт multiple ; он задает умножение размера по умолчанию на введенное вами число.
В раскрывающемся списке Case задается вид текста: будет ли он отображаться только большими или только маленькими буквами. Здесь доступны четыре пункта:
capitalize — каждое слово текста отображается с большой буквы;
uppercase — текст отображается только большими буквами;
lowercase — только маленькими буквами;
none — текст отображается как он набран, без всяческих преобразований (поведение по умолчанию).
Группа флажков Decoration задает дополнительное "украшение" текста: подчеркивание, надчеркивание или зачеркивание. Здесь доступно пять флажков:
underline — подчеркивает текст (поведение по умолчанию для гиперссылок);
overline — надчеркивает текст;
line - through — зачеркивает текст;
blink — заставляет текст мерцать (поддерживается только старыми версиями Navigator );
none — убирает все эти "украшения" (поведение по умолчанию для остального текста).
Селектор цветов Color задает цвет текста.
Параметры фона
Параметры фона элемента страницы задаются на вкладке Background диалогового окна CSS Style Definition .
Селектор цветов Background Color задает цвет фона. Значение по умолчанию зависит от программы Web -обозревателя.
В комбинированном списке Background Image задается графическое изображение, которое будет использоваться в качестве графического фона страницы. Вы можете ввести имя нужного файла или выбрать пункт попе, убирающий графический фон. Если вы не хотите вводить имя файла вручную, щелкните кнопку Browse и выберите нужный файл в диалоговом окне Select File Обычно графическое изображение, использующееся в качестве фона, значительно меньше в размерах, чем сама страница. В этом случае Web -обозреватель многократно повторяет это изображение, выкладывая своего рода "мозаику", занимающую всю страницу. Управлять тем, как будет повторяться это изображение, можно с помощью раскрывающегося списка Repeat . Здесь доступны четыре пункта:
no - repeat — отключает повторение. Изображение помещается на страницу всего один раз, в левом верхнем углу элемента;
repeat — включает повторение изображения по горизонтали и вертикали (поведение по умолчанию);
repeat - x — включает повторение изображения только по горизонтали;
repeat - y — устанавливает повторение изображения только по вертикали.
Когда вы прокручиваете содержимое окна Web -обозревателя, то вместе с содержимым Web -страницы прокручивается и графический фон, если он есть. Некоторые Web -обозреватели поддерживают одну забавную возможность: можно запретить прокрутку графического фона, зафиксировав его на месте. Это может придать странице некоторую оригинальность, однако при прокрутке отнимет больше ресурсов компьютера. И сделать это можно с помощью раскрывающегося списка Attachment . Пункт scroll этого списка заставляет графический фон прокручиваться (поведение по умолчанию), a fixed — фиксирует его на месте.
Также некоторые Web -обозреватели позволяют вам поместить графический фон в нужное место страницы. Для этого предназначены раскрывающиеся списки Horizontal Position и Vertical Position . Вы можете ввести в них числовые значения соответственно горизонтальной и вертикальной координат графического фона. В раскрывающихся списках, расположенных правее, выбирается одна из единиц измерения, поддерживаемых CSS .
Кроме того, в раскрывающемся списке Horizontal Position доступны три пункта:
left — выравнивание графического фона по левому краю элемента страницы (поведение по умолчанию);
center — выравнивание по центру;
right — выравнивание по правому краю.
В раскрывающемся списке Vertical Position доступны также три пункта:
top — выравнивание графического фона по верху элемента страницы (поведение по умолчанию);
center — выравнивание по центру;
bottom — выравнивание по низу.
Очевидно, что задавать эти параметры нужно, предварительно задав соответствующие параметры других атрибутов стиля, перечисленных на вкладке Background . А для достижения необходимого результата наверняка придется поэкспериментировать.
|