Типы среды и модульные таблицы стилей
Главной особенностью документов XML является отделение данных от их представления. Таблица стилей CSS - это средство, позволяющее подготовить документ XML для показа. CSS разрешает осуществлять представление в средах нескольких типов:
screen | Экранное устройство, например браузер |
Устройство печати, например для печатания книг | |
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
Конструкции @media и @import можно комбинировать в одном выражении.