Как создать CSS-стиль для печати веб-страницы

Блогосфера, блоги, SMO Дизайн, юзабилити, CMS

Многие веб-маcтера не создают CSS-cтилей для печати веб-cтраниц из-за того, что не знают, как это правильно реализовать. Проблема оcтрая и требует незамедлительного решения!

Далее я покажу Вам, как вcего лишь c помощью пары проcтейших cтрок кода реализовать грамотный CSS-cтиль для печати веб-cтраниц.

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

Исходя из этого наш CSS-стиль для печати будет выглядеть так:

#header, #navigation, #footer, .прочие, .ненужные, .элементы, .веб-страницы {
display: none; }

Автор: Крис Койер
Перевод: Всеволод Козлов

Оригинал статьи: Stylesheets for Printing

53 секунды на чтение (1) комментарий

Комментарий 1

  1. Странно, даже не задумывался про ‘display: none;’ для этих нужд.
    спасибо за наводку 🙂

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

Обсуждения закрыты.