Лучшее руководство по Типы CSS медиа в 2024 году. В этом руководстве вы можете изучить Тип носителя,правило @media,Другие типы медиа,
Тип носителя позволяет определить, каким образом документ будет представлен в различных средах. Файл может отображаться по-разному на экране, на бумаге, или слуха браузера и т.д.
Некоторые свойства CSS предназначены только некоторые из средств массовой информации. Такие, как свойство "Голос семьи" предназначен для звуковых пользовательских агентов. Некоторые другие свойства могут быть использованы для различных типов носителей. Например, "размер шрифта" свойство может быть использовано для скрининга и печатных средств массовой информации, но имеют разные значения. Экран и на бумажных файлах различаются, как правило, требуют более крупный шрифт, шрифты - шрифт с засечками больше подходит для чтения на экране, в то время как шрифты с засечками легче читать на бумаге.
Правило @media позволяет те же таблицы стилей для различных сред установить различные стили.
В следующем примере говорит нам, чтобы отобразить 14 пикселей Verdana стиль шрифта на экране браузера. Тем не менее, если страница будет напечатана 10 пикселей Таймс шрифтов. Обратите внимание, что шрифта веса бумаги и на экране настройки выделены жирным шрифтом:
<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>
ruru
</body>
</html>
Вы можете попробовать это сами и убедитесь сами! Если вы используете Mozilla / Firefox или IE5 + печатать эту страницу, вы увидите, "Типы носителей" будет использовать другой дисплей , чем другой размер шрифта небольшой точки шрифта.
Примечание: Названия типа носителя не чувствительны к регистру.
| Тип носителя | описание |
|---|---|
| все | Для всех мультимедийных устройств. |
| ушной | Для речи и звука синтезатора. |
| шрифт Брайля | С помощью тактильного устройства обратной связи для слепых Брайля. |
| тиснение | Штора для страничных принтеров Брайля. |
| портативный | Для портативных устройств маленький. |
| печать | Для принтера. |
| проекция | Программа для отображения, такие как слайды. |
| экран | Для компьютерных мониторов. |
| TTY | Для использования фиксированной сетки средств массовой плотности букв, таких как телетайп и терминалов. |
| телевизор | Для телевизионного типа устройства. |