Одной из наиболее важных особенностей таблиц стилей является то, что их можно использовать на различных носителях, таких как страницы, экраны, электронные синтезаторы и т. д. Некоторые свойства могут работать только с определенными носителями. Например, свойство «font-size» допустимо только для прокручиваемых типов носителей (экран).
Объявление медиа-атрибута можно ввести с помощью @import или @media:
Вот цитата:
@import URL(loudvoice.css) речь;
@media печать {
/* здесь находится таблица стилей для печати */
}
Медиа также можно добавлять в разметку документа:
Вот цитата:
<link rel="stylesheet" type="text/css" media="print" href="foo.css">
Видно, что разница между @import и @media заключается в том, что первый вводит внешние таблицы стилей для типов мультимедиа, а второй напрямую вводит атрибуты мультимедиа. Метод использования @import заключается в добавлении URL-адреса файла таблицы стилей в @import, а затем в добавлении типа носителя. Несколько носителей могут использовать одну таблицу стилей, а типы носителей разделяются разделителями ",". Использование @media означает, что на первое место ставится тип носителя, а остальные правила в основном такие же, как и набор правил. Ниже перечислены различные типы носителей:
ЭКРАН: Относится к экрану компьютера.
ПЕЧАТЬ: относится к непрозрачным носителям, используемым в принтерах.
ПРОЕКЦИЯ: относится к проекту, используемому для отображения.
BRAILLE: система Брайля, относится к печатным материалам с тактильным эффектом.
AURAL: относится к электронному синтезатору речи.
ТВ: Относится к средствам массовой информации телевизионного типа.
HANDHELD: относится к портативному устройству отображения (с небольшим экраном, монохромному).
ВСЕ: Подходит для всех носителей.