Управление видом отображения элемента

Атрибут media

Атрибут media устанавливает тип устройства вывода, для которого предназначена таблица стилей, может принимать следующие значения:

all	Все устройства.
handheld	Смартфоны, устройства с малой шириной экрана.
print	Печатающее устройство (например, принтер).
screen	Экран монитора. Значение принимается по умолчанию.
projection	Проектор
tv	Телевизор

Можно устанавливать сразу несколько значений, перечисляя их через запятую.

Чтобы организовать печать web-страницы, следует разместить ссылку вида:

Справочник

Задание

Создайте две дополнительные таблицы стилей: одна должна применяться при выводе страницы через проектор, вторая — при печати. Так как при выводе web-страницы на печать важна содержательная часть, то добейтесь того, чтобы в распечатанном виде документ представлял собой черный текст на белом фоне на всю ширину страницы без лишних блоков (уберите фоновые картинки, используя свойство display, скройте панель навигации и т.д.). В стиле, применяемом при выводе документа через проектор, увеличьте размер шрифта.

Создайте превью изображений следующего вида.

Проанализируйте код. Дополнив его свойствами overflow, z-index, float, добейтесь нужного эффекта (в зависимости от размеров изображений измените значения свойств top/left, width/height).

Создайте всплывающую подсказку, не используя атрибут title. Параметры форматирования определите самостоятельно. Всплывающая подсказка должна появляться при наведении указателя мыши на текст, при этом должен изменяться внешний вид указателя мыши.

Справочник