Хорошие правила для настройки print css?

Следите за фоновыми изображениями и цветами. Я думаю, что поведение IE по умолчанию - не распечатывать фоновые изображения или цвета.

У вас есть этот старый, но все еще актуальный статья Эрика Мейера в отдельном Списке.

Главное - начать все сначала, явно установив границы и поля / отступы на 0, белый фон и «не отображать» для любых несущественных элементов для печати (например, некоторых меню).

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

body {
    background: white;
    }

#menu {
    display: none;
    }

#wrapper, #content {
    width: auto; 
    margin: 0 5%;
    padding: 0; 
    border: 0;
    float: none !important;
    color: black; 
    background: transparent;
    }

И идти оттуда.

Вот несколько общих стилей печати, которые можно использовать для улучшения качества печати:

/* Print styles */
@media print 
{
    tr, td, th {page-break-inside:avoid}
    thead {display:table-header-group}
    .NoPrint {visibility:hidden; display:none}
    a {color:#000000}
}

Верхний предотвращает разрывы страниц внутри строки таблицы

Стиль thead заставляет любые строки в теге thead повторяться для каждой страницы, охватываемой таблицей.

NoPrint - это класс, который я использую для отображения чего-либо на экране, но не для печати.

И мне нравится отключать цвета ссылок.

Сначала прочтите эту статью из A List Apart (http://www.alistapart.com/articles/goingtoprint/). Они охватывают многие основы, которые вы ищете (расширенные ссылки, побелка и т. д.).

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

Также для длинных статей подумайте о смене шрифта на serif. Статьи в Интернете легче всего читать без засечек (Arial, Verdana), но в печатном варианте попробуйте Times New Roman или Georgia.

Когда вы определяете стиль печати, вы должны думать о бумаге и в физических единицах.

• Установите поля в сантиметрах (дюймах) и размер шрифта в пунктах (как в OpenOffice).
• Создайте такой класс, как screen или noprint, чтобы можно было легко удалять ненужные материал.
• Забудьте о причудливом цветном тексте. Черный текст на белом фоне.
• Подумайте об удалении лишних изображений - они могут не так хорошо выглядеть в черно-белом
• Удалите подчеркивание из ссылок и сделайте ссылки разумными. Глупо читать «проверить эту страницу», где «это» подчеркнуто. Или, если вы поместите href ссылки после подчеркнутого текста, тогда это может быть более полезно, но выглядит не так красиво, ИМХО.

Одна вещь, которую я обязательно добавлю в свою таблицу стилей печати:

a[href^ = "http://"]:after{
    content: " (" attr(href) ") ";
}

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

Я также сделал свой основной текст более читаемым для печати:

body{
    font: 0.9em/1.5em Georgia, "Times New Roman", Times, serif;
}