1. Bitcoin адрес для пожертвований: 1dapfB97R98wg8J3hknWpMDJ7P61CWjNn
    Скрыть объявление
  2. Участникам форума доступны: Skype, WhatsApp и Telegram конференции. Присоединяйтесь!
  3. Наши основные группы и каналы: VK, Twitter. Подписывайтесь!
  4. Мы открыли музыкальный клуб! Заходи и ставь свое музло!
  5. Скрыть объявление

Аппаратно-зависимый стиль CSS

Тема в разделе "Архив", создана пользователем WTBG, 29 июл 2008.

  1. WTBG

    WTBG Старейшина

    Репутация

    0 / 0


    Аппаратно-зависимый стиль

    В CSS2 определено девять типов устройств, к каждому из которых можно применить индивидуальный набор свойств, что позволяет создавать аппаратно-зависимые стили. С их помощью можно определить специфичные стили представления страницы, которые будут автоматически применяться при ее выводе на экран монитора ПК (тип screen), на печать (тип print), на дисплей карманного компьютера (тип handheld), при интерпретации речевыми синтезаторами (тип aural) и т. д.
    • all - подходит для всех устройств.
    • aural - относится к речевым синтезаторам.
    • braille - для устройств работы с шрифтами Брайля.
    • handheld - для ручных устройств (малые экраны, монохромные, растровая графика, ограниченная полоса пропускания)
    • print - для печати документов.
    • project - для проекционных систем.
    • screen - для мониторов.
    • tty - телетайпное устройство с фиксированной сеткой символов.
    • tv - телевизионное устройство (малое разрешения, цвет, ограниченная прокручиваемость)
    Обеспечить работу аппаратно-зависимых стилей можно тремя способами. Первый пример позволяет связать страницу с внешним файлом стилей printer.css, определяющим визуальное форматирование ее содержимого при выводе на печать:


    Код (Text):
    1. <link rel="stylesheet" type="text/css" media="print" htef="/styles/printer.css">
    Второй пример демонстрирует использование правила @import для вставки во встроенный стиль внешнего фрагмента, заданного файлом pocketpc.css и определяющего правила форматирования содержания страниц в версии для наладонников:

    Код (Text):
    1.    <style type="text/css">
    2.    @import url("pocketpc.css") handheld;
    3.    </style>
    Наконец, в третьем примере показано, как идентифицировать аппаратно-зависимую часть, определяющую способ произнесения текста страницы речевыми браузерами, непосредственно во встроенном стиле при помощи правила @media:


    Код (Text):
    1.    <style type="tex/css">
    2.    @media aural
    3.    {
    4.  
    5.    }
    6.    </style>

    Пожалуйста, войдите или зарегистрируйтесь для просмотра скрытого текста.



  2. Злой заяц

    Злой заяц Новичок

    Репутация

    24 / 7


    Скрытый текст:
    Для просмотра скрытого текста Вы должны отключить AdBlock, либо другой блокировщик рекламы.