7.5. Правило @media

7.5. Правило @media

Правило @media позволяет задавать правила CSS для различных устройств в пределах одной таблицы стилей, разделенных запятыми. Иными словами, вы можете задать для одного и того же элемента один размер шрифта для печати, а другой для просмотра на экране.

Например:

@media print {

body { font-size: 10pt }

}

@media screen {

body { font-size: 12pt }

}

В примере при просмотре документа на экране размер шрифта будет 10 пунктов, а при печати 12 пунктов.

Рассмотрим еще один пример:

@media screen, print {

body { font-size: 14pt }

}

В этом примере и при печати, и при просмотре размер шрифта будет одинаковый – 14 пунктов.

Рассмотрим список всех устройств, поддерживаемых CSS. Значение указывает, что документ предназначен:

• all – для всех устройств;

• aural – речевых синтезаторов;

• braille – устройств чтения азбуки Брайля;

• embossed – печати азбуки Брайля;

• handheld – переносимых портативных устройств (небольшие монохромные экраны с ограниченной полосой частот);

• print – страничных непрозрачных материалов и для документов, просматриваемых на экране в режиме предварительного просмотра печати;

• projection – настенных презентаций, например для проекторов или для печати плакатов;

• screen – цветных дисплеев;

• tty – устройств, использующих набор символов с фиксированной шириной, например телетайпов, терминалов или портативных устройств с ограниченными возможностями отображения; для устройств типа tty не следует использовать пикселы;

• tv – устройств типа телевизора, для которых характерны низкое разрешение, цветное изображение, ограниченная прокрутка на экране и возможность передачи звука.

Следует отметить, что названия типов устройств не зависят от регистра.

Как правило, для схожих устройств задаются схожие правила CSS, поэтому все устройства в CSS разбиты по типам. В табл. 7.1 представлены взаимоотношения между группами и типами устройств.

Таблица 7.1. Группы устройств

Значение both в таблице означает, что используются устройства всей группы.

Приведу перевод названий типов устройств:

• без разбивки – continuous;

• с разбивкой – paged;

• визуальные – visual;

• звуковые – aural;

• тактильные – tactile;

• сеточные – grid;

• растровые – bitmap;

• интерактивные – interactive;

• статичные – static.

Попробуйте в качестве эксперимента создать простую страницу с различными свойствами и значениями для устройств screen и print и посмотреть ее на экране и в окне предварительного просмотра.

Данный текст является ознакомительным фрагментом.



Поделитесь на страничке

Похожие главы из других книг:

4.1. Проигрыватель Windows Media

Из книги автора

4.1. Проигрыватель Windows Media Расположение: %programfiles%Windows Media Playerwmplayer.exe.Операционная система Windows Vista включает в себя не только новые программы и компоненты, но и улучшенные возможности хорошо известных всем программ. В частности, новая операционная система содержит новый


4.3. Windows Media Center

Из книги автора

4.3. Windows Media Center Расположение: %systemroot%ehome.Windows Media Center – очень красивая оболочка для всех мультимедийных возможностей операционной системы Windows Vista. Она позволяет быстро получить доступ к мультимедийному контенту и программам, входящим в стандартную поставку операционной


Проигрыватель Windows Media

Из книги автора

Проигрыватель Windows Media Выход новой версии Windows отмечается появлением новой версии мультимедийного проигрывателя Windows Media. В версии Windows Vista используется Проигрыватель Windows Media версии 11 (рис. 8.7). Он представляет собой универсальный проигрыватель для воспроизведения аудиои


Проигрыватель Windows Media 11

Из книги автора

Проигрыватель Windows Media 11 В данном разделе мы приступаем к рассмотрению популярнейшей программы – Проигрывателя Windows Media, с помощью которого вы сможете превратить свой компьютер в настоящий развлекательный центр. Проигрыватель Windows Media позволяет прослушивать звуковые


Windows Media Center

Из книги автора

Windows Media Center До сих пор мы говорили о встроенных средствах Windows Vista, предназначенных для работы с мультимедийным содержимым определенного типа. В данном разделе вы познакомитесь с программой Windows Media Center, позволяющей не только работать с изображениями, музыкой и видео,


Windows Media Player и Windows Media Center

Из книги автора

Windows Media Player и Windows Media Center Если когда-то знакомство с компьютером для нас начиналось с картинок, то теперь требования у неофитов куда выше – подавай им музыку и фильмы, да побольше, да покачественнее! Немудрено, что некогда скромный «универсальный проигрыватель»,


Windows Media Player

Из книги автора

Windows Media Player Изменение заголовка в Windows Media Player Для изменения заголовка в Windows Media Player откройте или создайте раздел HKEY_CURRENT_USERSoftwarePoliciesMicrosoftWindowsMediaPlayer с строковым параметром TitleBar, содержащим ваш


Управление Windows Media 10

Из книги автора

Управление Windows Media 10 Если у вас установлена другая версия проигрывателя, то после инсталляции Windows Media 10 все настройки предыдущей версии автоматически перейдут к новой. После щелчка мышью на кнопке Библиотека, расположенной на Панели задач, станут доступны все списки,


VLC media player

Из книги автора

VLC media player Производитель: VideoLAN (http://www.videolan.org).Статус: бесплатная.Ссылка для скачивания: http://www.videolan.org/vlc/.Размер: 8,2 Мбайт.VLC media player отличается от большинства проигрывателей тем, что может воспроизводить передаваемое по сети видео, а также ретранслировать потоковые данные


4.3. Проигрыватель Windows Media

Из книги автора

4.3. Проигрыватель Windows Media В данном разделе мы рассмотрим, каким образом можно изменять стандартные настройки Проигрывателя Windows


Windows Media Center

Из книги автора

Windows Media Center Существует возможность запрета доступа к оболочке Windows Media Center (файл ehshell.exe из каталога %systemroot%ehome). Для этого достаточно параметру REG_DWORD-типа MediaCenter присвоить значение 1. Параметр расположен в ветви реестра HKEY_CURRENT_USERSoftwarePoliciesMicrosoftWindowsMediaCenter.Ниже приведен текст


13.4. Windows Media Center

Из книги автора

13.4. Windows Media Center Расширенный проигрыватель Windows Media Center доступен в более дорогих выпусках Windows 7 — начиная с Home Premium, то есть Home Premium, Professional, Enterprise и Ultimate. Данный проигрыватель можно использовать для проигрывания любого мультимедиаконтента — изображений, музыки, фильмов, а


Windows Media Player

Из книги автора

Windows Media Player Программа-проигрыватель Windows Media Player установлена в ОС Windows по умолчанию. В русской версии эта программа называется Проигрыватель Windows Media. Она позволяет не только слушать музыку, но и смотреть видеофайлы.Рассмотрим версию Windows Media Player 8 (рис. 12.11), которая входит в