ЗАДАНИЕ 3
1. Скачайте на свой компьютер каталог
CSS. Откройте файл
cats.htm.
Все последующие задания нужно выполнять с помощью CSS.
2. Установите для тела страницы бледно-розовый фон (цвет #FFEEEE) и шрифт
Georgia, а если его нет – любой шрифт с засечками (
serif).
3. Для заголовков
H1 и
H2 определите шрифт
Arial, если его нет –
Helvetica, а если нет их обоих, то любой рубленый шрифт (
sans-serif).
4. Для заголовка
H1 задайте фоновый рисунок
cat.png из подкаталога
images (без повторения).
5. Для заголовков
H2 определите темно-красный цвет (#800000).
6. Создайте класс оформления
latin для выделения слов и выражений на латинском языке: курсив, тёмно-красный цвет. Выделите в тексте все латинские слова с помощью этого стиля.
7. Установите для всех абзацев отступ (красную строку) 30 пикселей.
8. Создайте новый стиль оформления абзацев –
author: курсивный шрифт, без абзацного отступа. Выделите этим стилем имена и фамилии авторов цитат.
9. Создайте стиль оформления абзацев с цитатами с именем
quote:
а) фон – светло-жёлтый (#FEFEE2);
б) абзацного отступа нет;
в) ширина 50% от ширины окна браузера;
г) внешние отступы: сверху – 0, справа и слева по 30 пикселей, снизу – 10 пикселей;
д) рамка шириной 1 пиксель, точечная (dotted), черного цвета;
е) внутренние отступы 10 пикселей.
10. Найдите в Интернете информацию про авторов цитат и сделайте их имена ссылками на соответствующие страницы. Установите для ссылок, которые находятся внутри абзаца стиля
author, красный цвет при наведении мыши