Глава 15. Основные принципы каскадных таблиц стилей Лабораторная работа №1: Простейшее описание стиля.

Таблицы стилей. Стиль дескриптора

Стиль создаётся с помощью дескриптора <style>. Описание стиля внутри дескриптора: атрибуты разделяются точками с запятой; пробелы расставляются произвольно; форматирование распространяется до соответствующего закрывающего дескриптора.

Таблица стилей представляет собой парный дескриптор <style> </style>, внутри которого последовательно описаны используемые стили:

<style>

идентификатор_1 {атрибут_1:значение; атрибут_2:значение;…}

идентификатор_2 {атрибут_1:значение; атрибут_2:значение;…}

…

идентификатор_n {атрибут_1:значение; атрибут_2:значение;…}

</style>.

Задание

Примените различные таблицы стилей.

Лабораторная работа №2: Подклассы дескрипторов

Подкласс дескриптора – это стиль, в котором к свойствам данного дескриптора добавлены новые. Имя подкласса дескриптора формируется из имени дескриптора и имени подкласса, разделёнными точкой, а описание этого объекта выглядит так же, как описание любого другого стиля:

имя_дескриптора.класс {атрибут_1:значение; атрибут_2:значение;…}.

Например, i.inverse {font-size:18; color:white; background-color:black}. Inverse – это имя нового подкласса. Для того чтобы воспользоваться им, применяется специальный параметр class, которому и присваивается имя подкласса.

Для создания стиля, применяемого сразу к нескольким дескрипторам, используется дескриптор <div> - предназначен для описания форматирования произвольной области текста.

Класс, созданный без указания имени дескриптора, применим к любому дескриптору.