Язык таблицы стилей

Для других целей см. Таблицу стилей .

Язык таблиц стилей или язык стилей — это компьютерный язык , который выражает представление структурированных документов . Одной из привлекательных особенностей структурированных документов является то, что их содержимое можно повторно использовать во многих контекстах и ​​представлять различными способами. К логической структуре можно присоединить разные таблицы стилей для создания различных презентаций.

Одним из современных языков таблиц стилей, получивших широкое распространение, являются каскадные таблицы стилей (CSS), которые используются для стилизации документов, написанных на HTML , XHTML , SVG , XUL и других языках разметки .

Для представления содержимого структурированных документов необходимо применять набор стилистических правил, описывающих, например, цвета, шрифты и макет. Совокупность стилистических правил называется таблицей стилей. Таблицы стилей в форме письменных документов уже давно используются редакторами и типографами для обеспечения единообразия представления, орфографии и пунктуации. В электронных публикациях языки таблиц стилей в основном используются в контексте визуального представления, а не в контексте орфографии и пунктуации.

Компоненты

Все языки таблиц стилей предлагают функциональные возможности в следующих областях:

Синтаксис

Язык таблиц стилей нуждается в синтаксисе, чтобы его можно было выразить в машиночитаемой форме. Например, вот простая таблица стилей, написанная с использованием синтаксиса CSS:

h1   {   размер шрифта  :   1,5  em   } 

Здесь говорится, что заголовки на уровне 1 должны отображаться шрифтом размером в 1,5 раза больше размера шрифта окружающего текста.

Селекторы

Селекторы определяют, на какие элементы будет влиять правило стиля. По сути, селекторы являются связующим звеном между структурой документа и стилистическими правилами в таблицах стилей. В приведенном выше примере селектор «h1» выбирает все элементы h1. Более сложные селекторы могут выбирать элементы на основе, например, их контекста, атрибутов и содержимого.

Характеристики

Все языки таблиц стилей имеют некоторую концепцию свойств, которым можно присвоить значения для изменения одного аспекта рендеринга элемента. В приведенном выше примере используется свойство CSS «font-size». Общие языки таблиц стилей обычно имеют около 50 свойств для описания представления документов.

Значения и единицы измерения

Свойства изменяют отображение элемента, присваивая ему определенное значение. Значением может быть строка, ключевое слово, число или число с идентификатором устройства. Кроме того, значения могут быть списками или выражениями, включающими несколько вышеупомянутых значений. Типичным значением в таблице визуальных стилей является длина; например, «1.5em», состоящее из числа (1.5) и единицы (em). Значение «em» в CSS относится к размеру шрифта окружающего текста. Общие языки таблиц стилей имеют около десяти различных модулей.

Механизм распространения ценности

Чтобы избежать необходимости явно указывать все значения для всех свойств всех элементов, языки таблиц стилей имеют механизмы автоматического распространения значений. Основное преимущество распространения значений — менее подробные таблицы стилей. В приведенном выше примере указан только размер шрифта; другие ценности будут найдены с помощью механизмов распространения ценностей. Наследование, начальные значения и каскадирование являются примерами механизмов распространения значений.

Модель форматирования

Все языки таблиц стилей поддерживают ту или иную модель форматирования. Большинство языков таблиц стилей имеют модель визуального форматирования, которая довольно подробно описывает, как текст и другой контент размещаются в окончательной презентации. Например, модель форматирования CSS определяет, что элементы уровня блока (примером которых является «h1») расширяются, чтобы заполнить ширину родительского элемента. Некоторые языки таблиц стилей также имеют модель звукового форматирования.