# contents {position:relative;}

Задачи для самоконтроля

1.Подготовить один HTML-документ и к нему четыре таблицы со стилями, позволяющими сделать следующую визуализацию (вместо * вставить любое фоновое изображение):

2.Возьмите по адресу http://vesna.yandex.ru/ несколько произвольных текстов и с помощью CSS оформите макет страницы, в котором есть:

o шапка (заголовок первого уровня, под который подложен фон по длине на всю страницу);

o оглавление (ссылки на разделы данного документа);

o разделы (заголовки второго уровня) с текстами (отформатировано по ширине, красная строка). Каждый раздел выделен рамкой и отступами от

73

других разделов и краев страницы. Каждый заголовок раздела выделен фоном.

3.Сделайте для всех изображений HTML-документа пунктирную рамку по периметру, не зависящую от размера изображения.

4.Найдите и реализуйте способ преобразования списка (<ol> или <ul>) в строку, где элементы списка отделены друг от друга не новыми строками, а промежутками (пробелами).

74