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 и посмотреть ее на экране и в окне предварительного просмотра.

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

Следующая глава >

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

Windows Media Player и Windows Media Center

Из книги Запись CD и DVD: профессиональный подход автора Бахур Виктор

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


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

Из книги Народные советы и трюки автора Климов А

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


Windows Media Player

Из книги Реестр Windows автора Климов Александр


Windows Media Player

Из книги 200 лучших программ для Интернета. Популярный самоучитель автора Краинский И

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


VLC media player

Из книги Тонкости реестра Windows Vista. Трюки и эффекты автора Клименко Роман Александрович

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


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

Из книги Windows Vista. Мультимедийный курс автора Мединов Олег

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


Windows Media Center

Из книги Windows Vista автора Вавилов Сергей

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


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

Из книги Новейший самоучитель работы на компьютере автора Белунцов Валерий

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


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

Из книги Первые шаги с Windows 7. Руководство для начинающих автора Колисниченко Денис Н.

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


Windows Media Center

Из книги Windows Vista. Для профессионалов автора Клименко Роман Александрович

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


Windows Media Player

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

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


13.4. Windows Media Center

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

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


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. Она позволяет быстро получить доступ к мультимедийному контенту и программам, входящим в стандартную поставку операционной