Стили для вывода на печать. Способ решения.

Главная » Уроки » CSS

Разработчики CSS предоставили гибкий механизм для управления отображением страниц на различных типах устройств. Тип устройства можно указать с помощью атрибута media в теге link при подключении внешней таблицы стилей, предназначенной для вывода на принтер: media=”print” со ссылкой на таблицу стилей href=”printer.css”. Если же тип устройства указывается в общей таблице, то применяется правило @media print { }, выделяющее стили, предназначенные только для печати. При этом стили для печати помещаются внутри фигурных скобок.

Стили для вывода на печать. Способ решения.

Во избежание конфликтов стилей, предназначенных для вывода на печать с экранными стилями полезно во время разработки обеспечить стилям для печати более высокий приоритет. Для этого необходимо применять правило !important после значений свойств в CSS‑коде, относящимся к стилям для печати.

При изменении текстовых стилей важно обращать внимание на размер и цвет шрифта. Размер шрифта следует указывать в пунктах. Общепринятый размер для печати 12 пунктов. Пример — font-size: 12pt. Цвет лучше указывать чёрный (color: #000), помня о том, что большинство пользователей для печати применяют лазерные принтеры. Для замены фона применяется свойство background (background: white).

Нежелательные области страницы, такие как баннер, скрываются с помощью свойства display: none. При желании отобразить логотип сайта при выводе на печать следует специально подготовить его изображение, предназначенное для вывода на печать.

И последнее. Есть два широко распространённых свойства CSS — это page‑break‑before и page-break‑after, предназначенные для установки разрывов страниц. Первое полезно добавлять к стилям заголовков, которые желательно видеть вверху страницы (page-break‑before: always). Соответственно, чтобы элемент оказался на странице последним, к нему нужно применить page-break‑after: always.

Если вы хотите получить качественный сайт, который будет продавать вам товар и развивать ваш бизнес, то закажите создание и продвижение сайтов в Logic Studio. Эта компания уже более 5 лет занимаемся продвижением и разработкой сайтов, а также технической и информационной их поддержкой.

Категория: CSS; Урок сделан: 28.07.2012; Просмотров : 1792; Рейтинг : 5.0/1;
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]





Copyright © 2010 - 2017 Pro100uCoz.ru