Опубликован: 06.06.2006 | Доступ: свободный | Студентов: 3909 / 694 | Оценка: 4.34 / 4.02 | Длительность: 21:23:00
Лекция 4:

Синтаксис CSS2 и базовые типы данных

Процентные значения

Формат процентного значения (обозначаемого в этой спецификации <percentage> ) - это необязательный знак ('+' или '-', с '+' по умолчанию), сразу за которым следует <number>, за которым сразу следует '%'.

Процентные значения всегда относительны к другому значению, например, размеру. Каждое свойство, допускающее процентные значения, определяет также значение, на которое ссылается процентное. Значение может быть взято из другого свойства того же элемента, свойства элемента-предка или значения контекста форматирования (например, ширины "Модель визуального форматирования. Детали" блока ). Если процентное значение установлено для свойства "Соответствие: Требования и Рекомендации" элемента и проценты определены как относительные к наследуемому значению какого-либо свойства, то результирующее значение - это "Установка значений свойств. Каскадирование и Наследование" значение этого свойства, взятое кратным количеству процентов.

Поскольку дочерние элементы (обычно) наследуют вычисленные значения своих родителей, 
в следующем примере дочерние от P элементы унаследуют значение в 12pt для 'line-height', 
а не процентное значение (120%): 
P { font-size: 10pt }
P { line-height: 120% }  /* 120% от 'font-size' */

URL + URN = URI

URL (Uniform Resource Locator, см. "Приложение F. Индекс свойств" и "Приложение F. Индекс свойств" ), предоставляет адрес ресурса Web. Ожидается появление нового способа идентификации ресурсов, называемого URN (Uniform Resource Name). Вместе они называются URI (Uniform Resource Identifiers, см. "Приложение F. Индекс свойств" ). В этой спецификации используется термин URI.

Значения URI в этой спецификации обозначаются <uri>. Функциональное обозначение URI в значениях свойств - "url()", как здесь:

BODY { background: url("http://www.bg.com/pinkish.gif") }

Формат значения URI таков: 'url(' с последующим необязательным пробелом, с последующей необязательной одинарной кавычкой (') или двойной кавычкой ("), с последующим собственно URI, с последующей необязательной одинарной кавычкой (') или двойной кавычкой ("), с последующим необязательным пробелом с последующей ')'. Знаки кавычек должны быть одинаковыми (двойными или одинарными).

Пример без кавычек: 
LI { list-style: url(http://www.redballs.com/redball.png) disc }

Скобки, запятые, пробельные символы, одинарные (') и двойные (") кавычки в URI обязаны вводиться с помощью escape-последовательностей с обратным слэшем: '\(', '\)', '\,'.

В зависимости от типа URI, может иметься возможность также записывать вышеуказанные символы как URI- escape-последовательности (где "(" = %28, ")" = %29 и т.д.), как описано в "Приложение F. Индекс свойств" .

Для того, чтобы создать модульные таблицы стилей, не зависящие от абсолютного размещения ресурса, авторы могут использовать относительные URI. Относительные URI (как определено в "Приложение F. Индекс свойств" ) расширяются до полного URI с использованием базового URI. RFC 1808, раздел 3 определяет нормативный алгоритм этого процесса. В таблицах стилей CSS базовый URI это URI таблицы стилей, а не документа-источника.

Предположим, имеется такое правило:
BODY { background: url("yellow") }
размещённое в таблице стилей с URI:
http://www.myorg.org/style/basic.css
Фон элемента BODY в документе-источнике будет заполнен каким-нибудь изображением, 
обозначенный ресурсом URI: 
http://www.myorg.org/style/yellow

ПА могут по-разному обрабатывать URI, обозначающие несуществующий или необрабатываемый ресурс