Встроенные элементы
Элементы, которые не форматируются как блоковые, являются встроенными (inline) элементами. Они совместно с другими элементами используют область строки. Обычно, выделяемые в строке элементы (EM, STRONG, B и т.д.) классифицируются как встроенные.
Рассмотрим пример задания встроенных элементов в блоковый элемент абзац P:
Пример 2.2 Встроенные элементы
<P>В абзац можно помещать
<B STYLE='background-color: lightsteelblue'>встраиваемые элементы</B>.
Их может быть
<EM STYLE='background-color: lightsteelblue'>несколько</EM>.</P>
Свойства форматирования элементов
В каскадных таблицах стилей, уровень 1 и 2, (CSS1 и CSS2) все доступные свойства форматирования элементов в документе HTML разбиты на 9 категорий.
Для задания значений свойств, определяющих некоторые размеры, в каскадных таблицах стилей применяются относительные и абсолютные единицы измерения длины. Относительные единицы задают длину относительно значения другого свойства, определяющего длину. Документы, в которых таблицы стилей используют относительные единицы измерения, более приспособлены для отображения на разных устройствах (например, дисплей или лазерный принтер). Абсолютные единицы измерения полезны только тогда, когда известны физические характеристики устройства отображения. В таблице 2 отображены все единицы измерения, используемые в таблицах стилей.
Таблица 2 Единицы измерения в таблицах стилей
-
Единицы измерения
Относительные
Абсолютные
em
Размер текущего шрифта
in
Дюймы (1 in = 2.54 cm)
ex
Высота символа 'x' текущего шрифта
cm
Сантиметры
px
Пиксел устройства отображения
mm
Миллиметры
%
Процент
pt
Пункты (1pt = 1/72 in)
pc
Пика (1 pc = 12 pt)
Примечание
Относительные единицы измерения 'em' и 'ex' во всех свойствах вычисляются относительно высоты шрифта элемента. Единственное исключение – свойство 'font-size', в котором эти единицы относятся к высоте шрифта элемента-родителя.
В качестве значений цветов можно использовать зарезервированные ключевые слова HTML для определения наиболее употребительных цветовых оттенков (например, aqua, black, white и т.п.) или использовать цветовую модель RGB (красный, зеленый, синий). Примеры способов задания цветовых оттенков приведены ниже:
EM { color: #f00 } /* #rgb соответствует #rrggbb */
EM { color: #ff0000 } /* #rrggbb */
EM { color: rgb(255,0,0) } /* целые в интервале 0 - 255 */
EM { color: rgb(100%, 0%, 0%) } /* вещественные от 0.0% до 100.0% */
Для задания URL-адреса ресурса используется функциональная запись url(...):
BODY { background: url(http://www.bhv.ru/CSS/logo.gif) }
Скобки, запятые, пробелы, одинарные и двойные кавычки в URL-адресе задаются с предшествующей обратной косой чертой: '\)', '\(', '\,'.
Внимание
В каскадных таблицах стилей частичный URL-адрес интерпретируется относительно места расположения таблицы стилей, а не относительно расположения документа.