Стили для печати

1-ый способ: медиа-запрос

Стили для печати задаются через медиа-запрос print:

@media print {
    /* стили для печати */
}

В режиме печати рекомендуется скрывать меню, постраничную навигацию и другие элементы, которые не нужны в бумажном варианте.

/* пример скрытия меню и рекламы в режиме печати */

@media print {

    nav,
    #menu,
    #adverts {
        display: none;
    }

}

Чтобы не перечислять каждый элемент, который надо скрыть (как указано на примере выше), можно создать один класс, и добавлять к тем элементам, которые надо скрывать в режиме печати.

@media print {

    .no-print {
        display: none;
    }

}

2-ой способ: CSS-файл

Отдельный CSS-файл для печатающих устройств подключается обычным образом, но с дополнительным атрибутом media="print".

<link rel="stylesheet" href="css/print.css" media="print">

Если сайт поддерживает Internet Explorer с 9 версии, то рекомендуется использовать первый вариант, через медиа-запрос.