Отличный сайт знакомств! РЕГИСТРАЦИЯ >>>



Учебник CSS : Свойства форматирования элементов

В каскадных таблицах стилей, уровень 1 и 2 (CSS1 и CSS2), все допустиные свойства форматирования элементов в документе HTML разбиты на 9 категорий, представленных в таблице. Категории или свойства, появившиеся во втором уровне каскадных таблиц стилей, отмечены верхним индексом 2.

Категории свойств элементов
Категория Устанавливает
Шрифт Типографические свойства шрифтов
Цвет и фон Цвет текста и фона, а также катринки в качестве фона
Текст Выравнивание, форматирование и разрядку текста
Блок Свойства форматирования блоков элементов
Визуальное форматирование Свойства, связанные с блоками отображения элементов, их позиционированием и отображением списков
Печать 2 Спецификацию разрыва страницы
Фильтры и переходы 2 Мультемидийные эффекты и преобразования графических изображений
Псевдоклассы и другие свойства Свойства @import, cursor 2 и important

Прежде чем переходить к описанию свойств форматирования, остановимся на единицах измерения, используемых для задания значений свойств.

Для задания значений свойств, определяющих некоторые размеры, в каскадных таблицах стилей применяются относительные и абсолютные единицы измерения длины. Относительные единицы задают длину относительно значения другого свойства, определяющего длину. Документы, в которых таблицы стилей используют относительные единицы измерения, более приспособлены для отображения на разных устройствах (например, дисплей или лазерный принтер). Абсолютные единицы измерения полезны только тогда, когда известны физические характеристики устройства отображения.

Единицы измерения
Относительные Абсолютные
em  высота шрифта элемента in  Дюйм (1 in = 2.54 cm)
ex  высота буквы x cm  Сантиметр
px  пиксел mm  Миллиметр
%   процент pt  Пункт (1 pt = 1/72 in)
  pc Пика (1 pc = 12 pt)

Примечание
Относительные единицы измерения em и ex во всех свойствах вычисляются относительно высоты шрифта элемента. Единственное исключение - свойство font-size, в котором эти единицы относятся к высоте шрифта элемента-родителя.

Примечание
Пикселы являются единицами измерения, относящимися к разрешению дисплея компьютера.Если плотность пикселов на устройстве вывода сильно отличается от типового дисплея, браузер должен переопрделить эту единицу. Новая единица, ссылочный пиксел, - это угол, под которым виден один пиксел монитора с плотностью 90dpi с расстояния вытянутой руки пользователя (28 дюймов).

В качестве значений цветов можно использовать зарезервированные ключевые слова HTML для определения наиболее употребительных цветов оттенков (например, aqua, black, white и т.п.) или использовать цветовую модель RGB. Примеры способов задания цветовых оттенков привелены ниже:

EM { color: #f00 }                              /* #rgb соответствует #rrggbb */
EM { color: #f0000 }                          /* #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.domen.com/css/logo.gif) }

Скобки, запятые, пробелы, одинарные и двойные кавычки в URL-адресе задаются с предшествующей обратной косой чертой (\), \(, \,).

Примечание
В каскадных таблицах стилей частичный URL-адрес интерпритируется относительно месторасположения таблицы стилей, а не относительно расположения документа.