|
|
CSS Урок 28 Медиа Типы
Медиа Типы позволяют вам указать как документы будут представлены на различных носителях данных.
Документ может отображаться различными способами на дисплее, на бумаге, с помощью слухового браузера, и т.д.
Медиа ТипыНекоторые свойства CSS спроектированы только для определенных типов носителей. Например, свойство
"voice-family" создано для слуховых пользовательских агентов. Некоторые другие свойства
могут использоваться с другими типами носителей. Например, свойство
"font-size" может использоваться как для дисплеев, так и для принтеров, но, возможно,
с различными значениями. Документ обычно использует больший размер шрифта на дисплее, чем на бумаге,
и шрифты sans-serif (без засечек) легче читать на дисплее, в то время как шрифты serif (с засечками) легче читать на бумаге.
Правило @mediaПравило @media позволяет использовать различные стилевые правила для различных типов носителей в одной и той же таблице
стилей .
Стиль в примере ниже говорит браузеру отображать на дисплее 14-пиксельный
шрифт Verdana. Но если страница распечатывается, то будет использован 10-пиксельный шрифт
Times. Заметьте , что свойство font-weight ("жирность" шрифта) установлена в bold - как на дисплее, так и на бумаге:
<html>
<head>
<style>
@media screen
{
p.test {font-family:verdana,sans-serif;font-size:14px;}
}
@media print
{
p.test {font-family:times,serif;font-size:10px;}
}
@media screen,print
{
p.test {font-weight:bold;}
}
</style>
</head>
<body>
....
</body>
</html> |
Проверьте сами! Если вы используете Mozilla/Firefox или IE5+ и распечатываете эту страницу, вы увидите,
что параграф под заголовком "Медиа Типы" будет отображаться другим шрифтом и иметь меньший размер шрифта
чем остаток текста.
Различные Медиа ТипыЗамечание: Имена медиа типов не чувствительны к регистру.
| Медиа Тип |
Описание |
| all |
Используется для всех устройств |
| aural |
Используется для речевых и звуковых синтезаторов |
| braille |
Используется для тактильных устройств обратной связи, использующих шифр Брайля |
| embossed |
Используется для страничных принтеров на шифре Брайля |
| handheld |
Используется для небольшиз ручных устройств |
| print |
Используется для принтеров |
| projection |
Используется для проецируемых презентаций, например слайдов |
| screen |
Используется для компьютерных дисплеев |
| tty |
Применяется для медиа устройств, использующих моноширинную символьную сетку, например телетайпы или терминалы |
| tv |
Используется для телевизионных устройств |
|
|
