Лабораторная работа №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).
Рисунок 1.4. Применение таблицы стилей
Результат работы в окне браузера представлен на рисунке 1.5.
Рисунок 1.5. Документ в окне браузера
Контрольные вопросы
Основные методы применения таблиц стилей для оформления Web-страниц.
Каскадные таблицы стилей применяются для оформления Web-страниц.
Назначить определенный стиль для какой-либо части Web-документа можно тремя способами: встроенный стиль, вложенный стиль, присоединенный стиль.