Пример 5: Определение ссылок стилей с псевдоклассами

<html>

<head>

a:link {color: #cc0000;

font-weight:bolt;}

a:visited {color:green;

text-decoration:none;

font-weight:normal;}

a:hover {color:#ff0000;

text-decoration:none;

cursor:nw-resize;}

a:active {color:#32CD32;

background-color:#ff0000;

text-decoration:none;}

</style>

</head>

<body>

<p><a href="index.html">следующая страница</a></p>

</body>

</html>

Задания к лабораторной работе:

Создайте стиль для отдельного HTML-тега <h1>: выберете цвет шрифта зеленый, определите любой тип и размер шрифта.
Создайте стиль для web-страницы с использованием следующих тегов с необходимыми параметрами:

<Body> – цвет, рисунок;

<h1> – тип, размер и цвет шрифта;

<h2> – тип, размер и цвет шрифта;

<p> – тип, размер и цвет шрифта.

Создайте два внешних стиля. Первый пусть содержит несколько определений тегов <h1>…..<h6>, <p>, <Body>, а второй – содержит определения независимых и зависимых классов. Затем создайте HTML-документ, добавьте ссылки на внешние таблицы стилей двумя описанными способами и оформите его, используя указанные теги.
Создайте внешний CSS-файл и определите в нем ID для идентификации трех любых объектов и свяжите этот файл с HTML-документом.
Создайте несколько ссылок на HTML-странице и оформите их, используя псевдоклассы link, visited, hover и active.

Теоретические вопросы:

Основное назначение и принципы использования каскадных таблиц стилей (CSS).
Синтаксис добавления стилей: для отдельного HTML-тега, на web-страницу, не web-сайт в целом.
Способы добавления внешних стилей на HTML-страницу.
Назначение и синтаксис классов для создания тегов.
Определение ID для идентификации объекта.

<<< < Предыдущая 1 2 3 45 / 55

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]