Чтобы оптимизировать страницы для печати, используются CSS-медиазапросы с типом print.

Скрыть ненужные элементы: Скрываются элементы, которые не должны выводиться на печать (навигация, футеры, рекламные блоки, кнопки).
```
/* Скрытие на печати */
@media print {
  nav, footer, aside, .ad-block, button {
    display: none;
  }
}
```
Отобразить скрытый контент: Если есть контент, скрытый на экране, но нужный для печати (например, полный URL ссылок), его можно отобразить.
```
@media print {
  a[href]:after {
    content: " (" attr(href) ")"; /* Добавляет URL после ссылки */
  }
}
```

Сброс стилей: Сброс стилей, специфичных для экрана: фоновые изображения/цвета, тени, отступы, размеры шрифтов.

@media print {
  body {
    background: none !important; /* Удаляет фоновое изображение/цвет */
    color: #000; /* Черный текст для лучшей читаемости */
  }
  * {
    box-shadow: none !important; /* Удаляет тени */
    text-shadow: none !important; /* Удаляет тени текста */
  }
  p, h1, h2, h3, h4, h5, h6 {
    orphans: 3; /* Предотвращает одиночные строки в начале/конце страницы */
    widows: 3; /* Предотвращает одиночные строки в начале/конце абзаца */
  }
}

Управление разрывами страниц: Использование свойств page-break-before, page-break-after, page-break-inside для контроля разрывов страниц.

@media print {
  article h2 {
    page-break-before: always; /* Начинает новый раздел с новой страницы */
  }
  ul, ol {
    page-break-inside: avoid; /* Предотвращает разрыв списка внутри */
  }
}

Оптимизация изображений и таблиц: Уменьшение размеров изображений, обеспечение корректного отображения таблиц.

@media print {
  img {
    max-width: 100% !important; /* Обеспечивает, что изображение не выйдет за пределы страницы */
  }
  table {
    width: 100% !important; /* Таблица на всю ширину страницы */
    border-collapse: collapse; /* Удаляет промежутки между ячейками */
  }
  th, td {
     border: 1px solid #ccc; /* Добавляет границы ячейкам */
  }
}

Специальные стили для печати: Можно создать отдельный CSS-файл для печати и подключить его с медиазапросом.
```
<link rel="stylesheet" href="styles.css" media="screen">
<link rel="stylesheet" href="print.css" media="print">
```
Тестирование: Обязательно протестировать результат с помощью функции "Предварительный просмотр печати" в браузере.

Как провести оптимизацию страниц веб-сайта для печати?