Логические стили

Общее представление о стилях

Понятие "стили" в дальнейшем будет относиться к логическим стилям документа, т.е. тем, которые определяют роль текста на странице, и только опосредованно- физические характеристики текста.

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

Особенно понятным понятие стилей становится после расмотрения следующего примера:

Вариант I

• проект HTML содержит около 80 файлов, общим размером более 400 000 знаков.
• описание для стилей (таблица стилей) для всех документов находится в одном файле, например, MyStyle.CSS

В этом случае имеем:

• при добавлении нового файла достаточно выполнить его подключение к файлу описания стилей, и результатом будет изменение физических характеристик текста, используемых для отображения заголовков, таблиц и т.д.
• при изменении стилей в файле описания стилей происходит автоматическое изменение физических парамеров шрифтов для заголовков, списков и т.д. сразу во всех 80 файлах.

Вариант II

• Имеется 35 файлов HTML, но нет единого описания стилей


Т.е. для "проведения в жизнь" изменения физических параметров заголовков 2-ого уровня потребуется (35 файлов)*(среднее количество заголовков 2-ого уровня в документе) операций. Ясно, что такой задачей не будет заниматься никто, т.е. в таком большом проекте сторона оформления несколько пострадает.

Но даже в этом случае- если в работе использовались логические стили, а не физические параметры, можно выполнить подключение всех файлов к таблице стилей.

Что касается простого для составления HTML Word 97, то он прописывает физические параметры, не обращаясь к логическим стилям. Т.е. Word не слишком предназначен для работы с HTML, такой проект будет практически невозможно преобразовать к виду, использующему стили, хотя во всех остальных случаях Word даёт прекрасные результаты. В частности, его внутренний формат поддерживает логические стили. Его наиболее полезное применение в HTML- это сохранение в формате HTML документов, в которых много математических формул- происходит их автоматический перевод в формат GIF с прозрачным фоном.

Дополнительные возможности, предоставляемые использованием стилей

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

• устанавливать фон документа, распространяющийся в определённом направлении (по горизонтали или по вертикали, а не только по горизонтали И по вертикали)
• устанавливать фиксированный фон который не будет прокручиваться вместе с документом
• создавать для каждого логического стиля множество "подклассов", которые дают возможность форматирования документа в т.ч. и с использованием только одного логического стиля (логический стиль H1 может иметь подклассы, например, _subclass_red, _subclass_green, _subclass_blue и т.д.)
• устанавливать физические параметры для каждого логического стиля, переопределяя стандартные. К таким параметрам относятся:
• размер, начертание, название шрифта
• отступы до и после, по горизонтали (отсупы слева/справа) и по вертикали ("отбивки" до и после)
• цвет шрифта
• определять выравнивание (вправо, влево, по центру, по всей ширине)
• дополнительные параметры
• устанавливать отступы слева, справа, снизу, сверху для каждого элемента, предоставляя доступ к более широкой модели форматирования, чем это видится с позиции только HTML

Предупреждение

Перед тем, как начать заниматься стилями, убедитесь, что Ваш браузер поддерживает их отображение.

К браузерам, умеющим отображать стили относятся: IE, NN с 4.0. О младших версиях нет информации. Opera 3.60 (частично).