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

«CSS – Каскадные таблицы стилей»

Цель работы: Научиться оформлять веб - страницы с использованием каскадных таблиц стилей CSS.
Задачи работы:

• Овладеть методикой работы c атрибутом STYLE.

2. Получить навыки работы замены тегов на стилевое описание.

Обеспечивающие средства: Сборник описаний практических работ; операционная система Windows XP, программа Internet Explorer; программа «Блокнот»; персональный компьютер.
Требования к отчету: Итоги практической работы представить в виде файла lab9.html на диске.

Технология работы:

• Создайте стиль следующего образца:

Для команды скопируйте текст из практической работы №4 (файл lab4.html)

· Пустое поле сверху и снизу во всем документе

· Пустое поле слева - 5; пустое поле справа-2

· Цвет фона - светло-серый, цвет текста - черный.

• Установите в данном тексте цвет непосещаемых гиперссылок – коричневый, посещаемых –зеленый, стиль шрифта – черный.
• Абзацы: на белом фоне. У первого абзаца – вертикальная одинарная красная черта слева; у второго абзаца – вертикальная двойная синяя черта справа; у третьего абзаца никаких линий нет
• Текст абзацев идет с отступом от края белого фона, с увеличенным интервалом между строками и с заданием «красной строки»
• В первом заголовке получите объемный эффект. Для этого:
• с помощью свойств margin-top и margin-left сделайте наложение двух строк текста
• с помощью свойства font-size установите большой размер строк
• с помощью свойства color - сделайте, чтобы вторая строка выглядела тенью
• шрифт заголовка - Arial.

В первом абзаце слова "информационной Вселенной" идут жирным курсивом и с разрядкой.
Второй заголовок: желтого цвета на зеленом фоне, причем фон лишь немного шире заголовка, но уже основного текста. Буквы заголовка подчеркнуты и надчеркнуты.
Во втором абзаце, в первом предложении часть слов расположена выше основного текста, а часть слов - ниже. Это должно быть сделано средствами CSS.