CSS Типы носителей

Типы носителей позволяют представлять документ на разных носителях. Документ может отображаться по-разному на экране, на бумаге или в аудиальных браузерах и т. д.

Типы носителей

Некоторые свойства CSS предназначены только для определённых носителей. Напримерvoice-familyЭто свойство предназначено специально для аудиальных пользовательских агентов. Другие свойства могут использоваться для разных типов носителей. Например,font-sizeЭто свойство можно использовать для экранных и печатных носителей, но с разными значениями. Документы на экране и на бумаге отличаются, обычно требуя более крупного шрифта,sans-serifШрифты лучше подходят для чтения на экране, тогда какserifшрифты легче читать на бумаге.

Правило @media

Правило @media позволяет задавать разные стили для разных носителей в одной таблице стилей.

Следующий пример указывает браузеру отображать на экране шрифт Verdana размером 14 пикселей. Но если страница печатается, это будет шрифт Times размером 10 пикселей. Обратите внимание, что font-weight установлен в bold как на экране, так и на бумаге:

Вы можете попробовать это сами!Если вы используетеMozilla / FirefoxИли распечатайте эту страницу с IE5+, и вы увидите, что тип носителя отображается шрифтом немного меньшим, чем остальной текст.

Другие типы носителей

Примечание:Имена типов носителей не зависят от регистра.