Практическая работа Использование CSS. Часть 2

Практическая работа

Использование CSS. Часть 2

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.   Найдите в Интернете информацию про авторов цитат и сделайте их имена ссылками на соответствующие страницы.

11.   Установите для ссылок, которые находятся внутри абзаца стиля author, красный цвет при наведении мыши.