Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 63 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

fixed – не прокручивается.
Пример:
IMG {background-attachment: scroll;}
• background-position – определяет положение фонового элемента относительно левого верхнего угла содержащего его
элемента. Одиночные значения устанавливают расстояние по горизонтали и вертикальное смещение по умолчанию, равное
50 %. Возможно сочетание нескольких ключевых слов.
Возможные значения:
отношение (в процентах) смещения фонового изображения от левого края по горизонтали к длине содержащего его
элемента (значение по умолчанию 0 %) + отношение (в процентах) смещения фонового изображения от верхнего края по
вертикали к высоте содержащего его элемента;
по горизонтали от левого края элемента до фонового изображения + расстояние по вертикали от верхнего края эле-
мента до фонового изображения;
top – размещение фонового изображения по верхнему краю;
middle– размещение фонового изображения по центру элемента;
bottom – размещение фонового изображения по нижнему краю;
left – размещение фонового изображения по левому краю;
center– размещение фонового изображения по центру элемента;
right – размещение фонового изображения по правому краю.
Пример:
background-position:50% 0%
Все свойства фона можно описать в атрибуте background:
background:transparent|color url repeat scroll position
Пример:
P { background: gray http://intuit.ru/intuit.gif no-repeat fixed center center; }
Однако при всем изобилии возможностей злоупотреблять ими не стоит.
3.11. ШРИФТ
Шрифтам в компьютерной графике всегда уделялось много внимания. World Wide Web в этом аспекте не является ис-
ключением. Но все богатство и разнообразие шрифтов, существующих в природе, для русского языка ограничено фактиче-
ски тремя шрифтами: serif (обычно Times или другой шрифт с засечками), sans-serif (Arial, или Helvetica, или другой шрифт
без засечек) и monospace (Courier). Если быть точным, то здесь перечислены семейства шрифтов. Обычно каждое из этих
семейств представлено только одним кириллическим шрифтом.
Автор документа для управления отображением букв текста может применить несколько атрибутов, влияющих на
шрифт:
font-family – семейство начертаний шрифта (гарнитура);
font-style – прямое начертание или курсив;
font-weight – "усиление" (насыщенность) шрифта, "жирность" букв;
font-size – размер шрифта (кегль). Задается в пикселях (px) и типографских пунктах (pt);
font-variat – вариант начертания (обычный или мелкими буквами – капитель).
Существует также возможность совместить все эти параметры в одном атрибуте font:
font:bold 12pt sans;
При использовании различных гарнитур (font-famaly) следует помнить, что наличие или отсутствие необходимой авто-
ру гарнитуры всецело зависит от предпочтений пользователя. Для кириллицы это может вылиться в появление абракадабры
там, где автор применяет отсутствующие у пользователя шрифты.
Самое неприятное, что может возникнуть при использовании шрифтов – это несоответствие моноширинных шрифтов,
которые используются в HTML-формах. Обратная связь с пользователем в этом случае оказывается парализованной.
Спецификация CSS разрешает перечислять шрифты в описаниях стилей, что позволяет частично решить проблему под-
бора шрифта. К сожалению, в Unix и Windows шрифты не согласованы. Фактически, при разработке страниц в CSS исполь-
зуются только классы шрифтов (serif, sans-serif и monospace).
3.11.1. Гарнитура (font-family)
Гарнитура шрифта – это набор начертаний одного шрифта. Шрифт может иметь "прямое" начертание (normal), курсив
(italic), "скошенное" (oblique), усиленное по насыщенности ("жирное", bold), "мелкое" (капитель, small-caps) и т.п.
Наиболее распространенные гарнитуры в российской части Web – это Times, Arial, Courier. Причем все они принадле-
жат к разным группам шрифтов. Times – это пропорциональный шрифт "с засечками" (serif), Arial – это пропорциональный
шрифт "без засечек" (sans-serif), а Courier – это моноширинный шрифт (monospace). В Unix вместо Arial чаще применяется
Helvetica.
Разницу между этими группами шрифтов лучше всего видно на примере (рис. 41):
<p align=left style="font-size:24px;font-family:serif;color:darkred;"> Эта строка набрана пропорциональным шрифтом с за-
сечками. </p>

Страницы