Составители:
Рубрика:
18
распечатать, то, на мой взгляд, никому не нужен левый столбец со
словами "на главную" в верхней ячейке и списком рубрик в нижней.
Поступим, например, следующим образом (желающие могут
посмотреть на HTML-источник этого документа и внешнюю таблицу
стилей для печати). Задаем в каждом документе сайта атрибуты id
двум ячейкам таблицы, которые на
печать выводить не стоит:
<td id="start"> ...
<a href="../welcome.html" class="header1"
title="vvz.nw.ru">на главную</a> ...
</td>
...
<td id="menu"> ... [тут идет вывод названий
рубрик]
...
Да, разумеется, в каждом документе сайта эти id уникальны, но
подобных документов несколько десятков, поэтому, задав в каждом из
них внешнюю таблицу стилей для печати, мы можем отключить вывод
HTML-элементов с id "start" и "menu".
Пусть файл этой таблицы
называется lessons_print.css и лежит (как в реальной ситуации) во
внешнем каталоге (поэтому путь прописывается как
"../../lessons_print.css"). Тогда в разделе head задаем
присоединяемую таблицу стилей:
<link rel="stylesheet"
href="../../lessons_print.css"
type="text/css" media="print">
Вот фрагмент этой таблицы, ответственный за скрытие ненужных при
печати элементов (см. свойство стиля display):
...
#menu { display: none }
#start { display: none }
...
19
Псевдоклассы и псевдоэлементы
Применение псевдоклассов и псевдоэлементов позволяет задать
особые стили, связанные с элементами a (гиперссылка) и p (абзац).
При записи правил стиля названия псевдоклассов и псеводстилей от
названия элемента отделяются двоеточием.
Псевдоклассы ссылок
Для непосещенных и посещенных ссылок можно задать особые
параметры отображения, например:
a:link { color: navy }
a:visited { color: steelblue }
Динамические псевдоклассы
Возможности определения динамических псевдоклассов, согласно
спецификации, применимы не только к элементу a (гиперссылка), но
и к прочим визуально отображаемым элементам документа HTML.
Смысл термина «псевдокласс» может быть объяснен следующим
образом. Определение универсальных селекторов класса позволяет
применять одинаковые наборы правил стиля к любому элементу
документа, но эти определения относятся к «спокойному» состоянию
элемента
. Крайне актуальной представляется возможность задать
особые правила отображения для элемента, на который наведен
курсор, в зоне которого выполнен щелчок мышью и т.д. Хотелось бы
задавать особые параметры отображения при выполнении
определенных событий. То есть, задать аналог классов, описания
которых активизировались бы лишь в заданных ситуациях. Такая
возможность определена уже
в CSS 2 для всех элементов документа,
однако браузеры поддерживают ее не в полной мере. Во всяком
случае, можно с уверенность считать, что современные браузеры по
крайней мере понимают определения псевдоклассов для гиперссылок.
Поэтому далее будем говорить именно о псевдоклассов гиперссылок
(надеюсь, что через пару лет эту оговорку можно будет убрать).
Страницы
- « первая
- ‹ предыдущая
- …
- 8
- 9
- 10
- 11
- 12
- …
- следующая ›
- последняя »
