CSS - Типы медиа

Одной из наиболее важных особенностей таблиц стилей является то, что они определяют, как документ должен быть представлен на разных носителях: на экране, на бумаге, с помощью синтезатора речи, с помощью устройства Брайля и т. Д.

В настоящее время у нас есть два способа указать медиа-зависимости для таблиц стилей:

Укажите целевой носитель из таблицы стилей с помощью правил @media или @import.
Укажите целевой носитель на языке документа.

Правило @media

@Media Правило определяет типы целевых средств массовой информации (разделенные запятыми) набором правил.

Ниже приведен пример -

<style tyle = "text/css">
   <!--
      @media print {
         body { font-size: 10pt }
      }
	
      @media screen {
         body { font-size: 12pt }
      }
      @media screen, print {
         body { line-height: 1.2 }
      }
   -->
</style>

Язык документа

В HTML 4.0 атрибут media в элементе LINK указывает целевой носитель внешней таблицы стилей -

Ниже приведен пример -

<style tyle = "text/css">
   <!--
      <!doctype html public "-//w3c//dtd html 4.0//en">
      <html>
         <head>
            <title>link to a target medium</title>
            <link rel = "stylesheet" type = "text/css" media = "print, 
               handheld" href = "foo.css">
         </head>

         <body>
            <p>the body...
         </body>
      </html>
   -->
</style>

Распознаваемые типы носителей

Имена, выбранные для типов мультимедиа CSS, отражают целевые устройства, для которых имеют смысл соответствующие свойства. Они дают представление о том, к какому устройству относится этот тип носителя. Ниже приведен список различных типов носителей -

Sr. No.	Значение и описание
1	all Подходит для всех устройств.
2	aural Предназначен для синтезаторов речи.
3	braille Предназначен для устройств с тактильной обратной связью Брайля.
4	embossed Предназначен для постраничных принтеров Брайля.
5	handheld Предназначен для портативных устройств (обычно с маленьким экраном, монохромный, с ограниченной пропускной способностью).
6	print Предназначен для постраничного непрозрачного материала и для документов, просматриваемых на экране в режиме предварительного просмотра. Пожалуйста, обратитесь к разделу о страничных носителях.
7	projection Предназначен для проецирования презентаций, например, проекторов или печати на прозрачных пленках. Пожалуйста, обратитесь к разделу о страничных носителях.
8	screen Предназначен в первую очередь для цветных компьютерных экранов.
9	tty Предназначен для носителей, использующих сетку символов с фиксированным шагом, например телетайпов, терминалов или портативных устройств с ограниченными возможностями отображения.
10	tv Предназначен для устройств телевизионного типа.

NOTE - Имена типов носителей нечувствительны к регистру.