Существует два способа построения аппаратно-зависимых таблиц стилей:
- Задать целевое устройство с помощью правил @media или @import.
- Задать конечное устройство в языке документа. Например, в HTML 4.0 ([HTML40]) атрибут “media” элемента LINK указывает конечное устройство для внешней таблицы стилей:
@import url("loudvoice.css") aural;
@media print {
/* далее идет таблица стиля для печати */
}
lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>Связь с конечным устройством</TITLE>
<LINK rel="stylesheet" type="text/css"
media="print, handheld" target="_blank" href="foo.css">
</HEAD>
<BODY>
<P>Основное тело документа
</BODY>
</HTML>
Правило @import описывается в главе о каскаде.
Правило @media
Правило @media определяет список типов устройств (разделенных запятыми), соответствующих набору правил (ограниченных фигурными скобками). Структура правила @media позволяет задавать правила для различных устройств в пределах одной таблицы стилей:
@media print {
BODY { font-size: 10pt }
}
@media screen {
BODY { font-size: 12pt }
}
@media screen, print {
BODY { line-height: 1.2 }
}