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

Решение

Стиль маркеров ненумерованного списка можно изменить с помощью свойства list-style-type. Прежде всего рассмотрим следующую размет- ку списка:

chapter02/listtype.html (фрагмент)

<ul>

<li>list item  one</li>

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

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

Для указания фонового изображения веб-страницы используется свой- ство background-image по отношению к элементу body.

Решение

Следующее правило использует в качестве фона страницы  изображе- ние background-norepeat.jpg. Оно распространяется на любую страни- цу, к которой привязана содержащая его таблица стилей.

Когда-то дизайнеры беспокоились  главным образом о том, чтобы их сайты хорошо выглядели в Internet Explorer и Netscape Navigator. Эти времена далеко в прошлом.  Internet Explorer все еще занимает лиди- рующие позиции  на рынке  броузеров, однако в ходу у пользователей есть несколько других программ, среди которых и экранные дикторы, и броузеры для мобильных устройств.

В разделе «Создание колонки, занимающей все доступное пространство по высоте» было сказано, что с помощью CSS это невозможно. Возмож-

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

Основным указанием на то, что перед нами ссылка, является то, что она подчеркнута и ее цвет изменен по сравнению с основным текстом. Такое  визуальное  оформление используется  по  умолчанию.   Однако в определенных случаях может возникнуть необходимость в отображе- нии ссылки без подчеркивания.

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

Решение

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