Версия сайта для печати средствами CSS
Допустим, у нас есть серьезный бизнес-сайт,
с серьезными клиентами. А серьезные люди, как правило, консервативны и с монитора
читать не приучены. Они больше доверяют бумаге — там и подпись поставить можно если
что и у нотариуса заверить… В общем, непременно нужна качественная версия сайта
для печати.
Версия сайта для печати средствами CSS - один стиль для браузера:
Код страницы:
Предположим, есть сайт, основной текст которого помещен
в блок <div id="text"></div>, а небольшое меню в блок navigation. Обратите внимание,
для страницы указано два независимых стиля: <style media="screen"> для браузеров
и <style media="print"> для печатающих устройств. Экранный стиль — черный текст
на светло-сером фоне и темно-серое меню навигации. В рамках данной заметки это не
главное.
Стиль для печати описывает страницу
по-своему. CSS-селектор означает, что мы выбираем все элементы страницы. Для них
используется шрифт Times New Roman, белый фон и черный цвет шрифта — согласитесь,
не в каждом офисе есть цветные лазерные принтеры. С помощью свойства display: none
полностью удаляем с печатной версии блок навигации — на бумаге он бесполезен.
Версия сайта для печати средствами CSS - отдельный стиль страницы для принтера:
В результате получается качественная
версия страницы для печати. Благодаря CSS достичь такого результата чрезвычайно
легко.
Автор: Земсков Юрий
Источник: www.computerlibrary.info
|
