Типы среды и модульные таблицы стилей
Главной особенностью документов XML является отделение данных от их представления. Таблица стилей CSS — это средство, позволяющее подготовить документ XML для показа. CSS разрешает осуществлять представление в средах нескольких типов:
Тип среды
|
Описание
|
screen
|
Экранное устройство, например браузер
|
print
|
Устройство печати, например для печатания книг
|
aural
|
Слуховое устройство, например синтезатор речи
|
Braille
|
Устройство Брайля для тактильной обратной связи
|
embossed
|
Устройство для выдавливания, создаваемое страничным принтером Бройля
|
projection
|
Устройство-проектор
|
tty
|
Устройство tty больше известное под названием телетайпа
|
tv
|
Телевизор
|
Таблица стилей CSS может содержать спецификацию стилей для нескольких типов сред, например для браузеров, принтеров и речевых устройств. Каждое целевое устройство определяется конструкцией @media. Например, следующее выражение ассоциирует правила CSS с экранным устройством (обычно браузером):
@media screen { BOOKLIST {display : block;} }
Как видите, все правила, предназначенные для конкретного типа среды, содержатся в конструкции @media. Селекторы могут определять применение одних и тех же правил к нескольким элементам, но их точно так же можно использовать для нескольких типов среды:
@media screen , print { BOOKLIST { display : block;} }
Однако иногда для обеспечения модульности спецификации визуализации необходимо разделить таблицу стилей на несколько файлов, например чтобы сохранить таблицу стилей для печати в одном файле, а звуковую таблицу стилей — в другом.
Конструкция @import позволяет импортировать правила из других таблиц стилей. В документе таблицы стилей она должна предшествовать всем остальным конструкциям CSS. Сослаться на импортируемую таблицу стилей можно с помощью ее адреса URL:
@import url(booklist_aural-css);
Конструкции @media и @import можно комбинировать в одном выражении:
@import url(booklist_aural-css) aural;
В первом выражении таблица стилей booklist1.css импортируется и включается в неявную конструкцию @media, которая в данном случае имеет тип "aural". Тип среды добавляется в конец ссылки импорта.
Достарыңызбен бөлісу: |