Каскадные таблицы стилей CSS. Захаркина В.В. - 6 стр.

UptoLike

ВУЗ: 

СПбГУ | Санкт-Петербург

Составители: 

Рубрика: 

10
абсолютно не нужны навигационные панели, баннеры и прочие
элементы интерфейса. Можно, конечно, для каждого документа
подготовить «версию для печати» и задать соответствующую
гиперссылку, но такой подход вряд ли можно назвать технологичным.
Все проблемы с печатью веб-документа могут быть эффективно
решены заданием специальной таблицы стилей, предназначенной
только для вывода на принтер
. В этой таблице логично задавать
размер шрифта в пунктах, ширину страницы – в сантиметрах или
миллиметрах. Возможно, следует отказаться от цветов, т.к. при печати
в черно-белом режиме яркие на экране монитора цвета будут
выведены оттенками серого. Более того, в таблице стилей для печати
можно задать навигационным элементам и баннерам
такие свойства
стиля, что они не будут отображены (см. раздел «ID селекторы».
Итак, крайне полезно иметь возможность указать устройство вывода,
для которого используется та или иная внешняя таблица стилей.
Целевые устройства могут быть заданы в разделе head несколькими
способами.
Указание устройства вывода
в элементе link
Вне всякого сомнения, это наиболее рациональный способ. Уже
знакомый по предыдущему разделу элемент link имеет еще один
атрибут – media, определяющий, на каком устройстве вывода
должна быть использована присоединяемая таблица стилей. Если этот
атрибут отсутствует, то таблица стилей используется для любых
устройств.
В приведенном ниже примере присоединяются два файла со
стилевыми описаниями
: main.css и printstyle.css. Первая из них
ориентирована на любые устройства вывода (в частности, на экран
монитора), а вторая предназначена для вывода на печать. Поскольку
для второй таблицы явным образом указано устройство вывода print,
именно ее описания будут использованы при распечатке веб-
документа.
<head>
11
<link type="text/css" rel="stylesheet"
href="main.css">
<link type="text/css" rel="stylesheet"
href="printstyle.css"
media="print,projection">
</head>
Указание устройства вывода в элементе
style
В тех случаях (не столь уж частых), когда оформление веб-документа
уникально, задаются свойства стиля уровня документа (см.
предыдущий раздел). При этом можно задать и особые параметры для
печати. Они будут применены только к текущему документу.
<head>
<style type="text/css" media="print">
body {width: 21cm; font-size: 10pt}
h1 {font-size: 36pt; font-weight: bold}
</style>
</head>
Указание устройства вывода с помощью
команды @import
Альтернативный вариант указания устройств вывода для
присоединяемых внешних таблиц стилей.
<head>
<style type="text/css">
@import url(forprint.css) print;
@import url(forvoice.css) aural;
</style>
<head>

Страницы