|
(Cascading Style Sheets). Таблицы стилей - это большое достижение в области
Webдизайна,
расширяющее возможности улучшения внешнего вида страниц. Таблицы стилей
упрощают определение интервалов между строками, отступов, цветов, используемых
для текста и фона, размера и стиля шрифтов и т.д. Стиль большинства элементов
HTML
может описываться с помощью атрибута style, который располагается внутри
открывающего
тега элемента. В качестве значения атрибута style используются пары види
«свойство: значение». Например, во фрагменте кода, описывающего заголовок
раздела,
атрибут etyle=ncolor: blue" определяет, что свойство
color (цвет) имеет значение blue (синий), т.е. текст заголовка первого уровня
должен
отображаться синим цветом.
Посмотрим, как с помощью языка каскадных таблиц стилей указать стиль текстового
фрагмента, который начинается словами Здесь Вы узнаете...
Для указания толщины шрифта используется свойство font-weight со значениями
lighter (тонкий), bold (полужирный), bolder (жирный), например,
style="fontweight:
bold".
Для определения курсивного начертания применяется свойство font-style со
значением
italic. Поэтому, чтобы придать тексту полужирное курсивное начертание, следует
атрибут style определить так: style=nfont-weight: bold; font-style: italic".
Обратите внимание: свойства могут располагаться в любом порядке и обязательно
должны
разделяться точкой с запятой.
Если требуется указать размер шрифта, то следует воспользоваться свойством
font-
size, значения которого можно указать в относительных или абсолютных величинах.
Относительные величины - это проценты, а в качестве абсолютных величин
используются
пункты (pt), пикселы (рх), сантиметры (cm), миллиметры (mm). Например:
style="font-sizes 200%"
style="font-size: 16pt"
style="font-size: lOOpx"
Web-страница изнутри
Указывая абсолютные, а не относительные размеры, вы лишаете пользователей,
просматривающих
ваши страницы, возможности увеличивать или уменьшать размер шрифтов
с помощью команды меню браузера в соответствии с их зрением и разрешением
монитора.
Шрифты будут отображаться только такого размера, который вы указали. Поэтому
желательно указывать размер шрифта в процентах. В этом случае размер шрифта
будет меньше или больше на указанное количество процентов, чем при оформлении
его
с помощью HTML-тега по умолчанию.
Для определения способа выравнивания текста по горизонтали используется
свойство
text-align со значениями left (влево), right (вправо), center (по центру),
justify
(по ширине). Таким образом, чтобы указать, что текст Здесь Вы узнаете... должен
быть
оформлен полужирным курсивным начертанием с размером 150% от исходного и
выровнен
по центру, следует его стиль определить следующим образом:
style="font-weight: bold; font-style: italic; font-size: 150%; text-
align: center"
Этот атрибут мы применим в тегах <р>р>, которые позволяют представить текст в
виде отдельного абзаца.
|
|