Поиск

Построение аппаратно-зависимых таблиц стилей

Существует два способа построения аппаратно-зависимых таблиц стилей:

  • Задать целевое устройство с помощью правил @media или @import.
  • @import url("loudvoice.css") aural;
    @media print {
    /* далее идет таблица стиля для печати */
    }
  • Задать конечное устройство в языке документа. Например, в HTML 4.0 ([HTML40]) атрибут "media" элемента LINK указывает конечное устройство для внешней таблицы стилей:
  • lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
    <HTML>
    <HEAD>
    <TITLE>Связь с конечным устройством</TITLE>
    <LINK rel="stylesheet" type="text/css"
    media="print, handheld" 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 }
    }