Основные методы применения таблиц стилей для оформления Web-страниц

Лабораторная работа №2

КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ

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

Выполнение работы

Каскадные таблицы стилей применяются для оформления Web-страниц.

Назначить определенный стиль для какой-либо части Web-документа можно тремя способами: встроенный стиль, вложенный стиль, присоединенный стиль.

Согласно заданию необходимо:

1. Выделить в окне браузера произвольный текст без форматирования. Задать шрифт, используя встроенный стиль (цвет:maroon).

2. Используя идентификатор, задать курсивное начертание для следующего абзаца текста.

3. Выделить в окне браузера заголовок H1 без форматирования. Используя селекторы, необходимо задать для заголовка параметры (цвет:red, размер шрифта:12pt).

4. Используя классы селекторов, задать цвет текста для следующего абзаца (цвет:navy).

На рисунке 1.1. представлен результат работы.

Рисунок 1.1. Код HTML

На рисунке 1.2. задание представлено в окне браузера.

Рисунок 1.2. Документ в браузере

В виде отдельного файла mystyle.css создается таблица стилей, в которой задайте контекстный селектор (рисунок 1.3).

Рисунок 1.3. Таблица стилей

Этот файл необходимо применить к произвольному фрагменту документа, который помечен сразу всеми участвующими в декларировании тэгами с соблюдением указанной последовательности вложения тегов (рисунок 1.4).