Спецификация CSS2


         

Спецификация CSS2

Эта спецификация определяет Каскадные таблицы Стилей, уровень 2 (CSS2). CSS2 - это язык таблиц стилей, позволяющий авторам и пользователям подключать стили (например, шрифты, пробелы и звуковые сигналы) в структурированные документы (например, документы HTML и приложения XML). CSS2 упрощает создание и обслуживание Web-сайта путём разделения структуры и стиля представления документов.

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

Доступные форматы
Доступные языки
Ошибки и Опечатки
Как читать эту спецификацию
Как организована эта спецификация
Язык документа: элементы и атрибуты
Определения свойств CSS
Значение/Value
Начальное/Initial
Применяется к/ Applies to

Краткое пособие CSS2 для HTML
Правило CSS состоит из двух главных частей: селектора ('H1') и объявления ('color: blue'). Объявление имеет две части: свойство ('color') и значение ('blue'). Поскольку в предыдущем примере делается попытка использовать только одно из свойств, необходимое для отображения документа HTML, он может быть квалифицирован как таблица стилей.

Краткое пособие CSS2 для HTML
Краткое пособие CSS2 для HTML - 2
Краткое пособие CSS2 для HTML - 3
Краткое пособие CSS2 для XML
Модель процесса CSS2
Канва
Модель адресации CSS2
Принципы дизайна CSS
Пример форматирования Bach/XML
Пример форматирования Bach/XML

Соответствие
Этот раздел определяет соответствие только со спецификацией CSS2. В будущем могут появиться другие уровни CSS, что может потребовать в будущем от ПА выполнения другого набора свойств, чтобы соответствовать.

Соответствие
Ошибочные условия
Тип содержимого text/css
Пример дерева документа

Синтаксис
В этом разделе описывается грамматика (и правила вперёд-совместимого разбора), общие для любой версии CSS (включая CSS2). Будущие версии CSS будут придерживаться этого ядра синтаксиса, хотя и могут ввести дополнительные синтаксические ограничения.

Лексический разбор
Представление документа CSS
Мнемоники символов
Ключевые слова
Символы и регистр
Операторы
At-правила (at-rules)
Блоки
Наборы правил, блоки объявлений и селекторы
Объявления и свойства

Блоки символов для подстановки
В CSS правила совпадения символов определяют, какое правило стиля применить к элементам дерева документа. Такие блоки символов (патэрн), называемые селекторами, могут иметь диапазон имён от простых имён элементов до сложных контекстуальных блоков. Если все условия в патэрн верны для конкретного элемента, селектор совпадает с элементом.

Синтаксис селектора
Группирование
Универсальный селектор
Соответствие
Селекторы потомков
Селекторы дочерних элементов
Смежные селекторы-родственники
Селекторы атрибутов
Совпадение атрибутов и их значений
Значения по умолчанию для атрибутов в ОТД

Специфицированные, вычисленные и текущие значения
Конечное значение свойства является результатом трёхступенчатого процесса вычисления: значение определяется по спецификации ("специфицированное значение"), затем, если необходимо, выводится абсолютное значение ("вычисленное значение") и наконец - трансформируется в соответствии с ограничениями локальной среды ("реальное значение").

Специфицированные значения
Вычисленные значения
Реальные значения
Наследование
Значение 'inherit'
Правило @import
Каскад
Порядок каскадирования
Правила !important
Вычисление специфики селектора

Спецификация таблиц стилей, зависимых от типа носителя
Некоторые свойства CSS созданы для конкретных носителей (например, свойство 'cue-before' - для звуковых пользовательских агентов (ПА)). Иногда, однако, таблицы стилей для различных носителей могут использовать одно и то же свойство, но при этом требуют для него различных значений. Например, свойство 'font-size' используется и для экрана, и для носителя печати

Спецификация таблиц стилей, зависимых от типа
Правило @media
Распознаваемые типы носителя
Группы носителей

Размеры бокса
Модель бокса CSS описывает прямоугольный бокс, который генерируется для элементов дерева документа и располагается в соответствии с моделью визуального форматирования. Страничный бокс это особый вид бокса, детально описанный в разделе страничный носитель.

Размеры бокса
Пример полей, заполнения и рамок
Свойства поля: 'margin-top', 'margin-right
Сжатие полей
Свойства заполнения: 'padding-top', 'padding-right'
Свойства рамки
Ширина рамки: 'border-top-width'
Цвет рамки: 'border-top-color'
Стиль рамки: 'border-top-style'
Сокращённые свойства рамок

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

Нормальное расположение
Относительное позиционирование
Обтекание бокса
Абсолютное позиционирование
Слои
Спецификация уровня в пакете слоёв: 'z-index'
Направление текста: 'direction' и 'unicode-bidi'
Направление текста: 'direction' и 'unicode-bidi' - 2
Направление текста: 'direction' и 'unicode-bidi' - 3
Управление генерацией боксов

Определение "содержащего блока"
Содержащий блок (называемый начальным содержащим блоком), в котором находится корневой элемент, выбирается пользовательским агентом (ПА).Для других элементов, если только элемент не позиционирован абсолютно, содержащий блок формируется краем содержимого бокса ближайшего предка уровня блока.Если элемент имеет 'position: fixed', то Содержащий блок устанавливается портом просмотра.

Ширина содержимого: свойство 'width'
Вычисление ширины и полей
Инлайн, незамещаемые элементы
Инлайн, замещаемые элементы
Уровень блока при нормальном всплывании
Уровень блока при нормальном всплывании
Всплывание, незамещаемые элементы
Всплывание, замещаемые элементы
Незамещаемые элементы
Замещаемые элементы

Переполнение и сжатие
Строка не может быть разорвана, и строчный бокс оказывается шире, чем бокс блока.Бокс уровня блока слишком широк для содержащего блока. Это случается, если свойство 'width' элемента имеет такое значение, которое вызывает растекание генерируемого бокса блока за пределы содержащего блока.Высота элемента превосходит явно установленную высоту содержащего блока (т.е. высота содержащего блока определяется свойством 'height', а не высотой содержимого).

Сжатие: свойство 'clip'
Видимость: свойство 'visibility'
Переполнение и сжатие
Переполнение и сжатие
Сжатие: свойство 'clip'
Видимость: свойство 'visibility'
Видимость: свойство 'visibility' - 2
Полное описание примера несжимаемого 'overflow'
Полное описание примера сжимаемого 'overflow'
Полное описание сжатия областей

Псевдоэлементы :before и :after
Авторы специфицируют стиль и размещение генерируемого содержимого с помощью псевдоэлементов :before и :after. Как видно из их имён, псевдоэлементы :before и :after специфицируют размещение содержимого до и после содержимого дерева документа элемента. Свойство 'content' в соединении с этими псевдоэлементами специфицирует, что же будет вставлено.

Свойство 'content'
Свойство 'content' - 2
Взаимодействие :before и :after с 'compact' и 'run-in'
Знаки кавычек
Спецификация кавычек свойством 'quotes'
Вставка кавычек с 'content'
Вставка кавычек с 'content' - 2
Видимость: свойство 'visibility'
Вложение счётчиков и область видимости
Стили счётчиков

Страничные боксы: правило @page
Страничный носитель (например, бумага, плёнка, страницы , выводимые на экране компьютера и т.п.) отличается от непрерывного носителя тем, что содержимое документа разделяется на одну или более абстрактных страниц. Чтобы обрабатывать разрывы страниц, CSS2 расширяет модель визуального форматирования

Поля страницы
Размер страницы: свойство 'size'
Размещение страничных боксов
Позиционирование страничного бокса на листе
Знаки обрезки: свойство 'marks'
Сжатие: свойство 'clip'
Содержимое вне страничного бокса
Разрывы страниц
Разрывы перед/после элементов
Использование именованных страниц: 'page'

Цвет переднего плана: свойство 'color'
Авторы могут специфицировать фон элемента (т.е. его видимую поверхность) как цвет или как изображение. В терминах модели бокса, "background" относится к фону содержимого и области заполнения. Цвет и стиль обрамления устанавливаются в свойствах обрамления. Поля всегда прозрачны, поэтому фон бокса-предка всегда просвечивает.

Цвет переднего плана: свойство 'color'
Фон
Свойства фона: 'background-color'
Свойства фона: 'background-color' - 2
Свойства фона: 'background-color' - 3
Коррекция цветовой гаммы

Полное имя шрифта
Шрифт - это набор глифов, соблюдающих один базовый мотив в соответствии с дизайном, размером, внешним видом и другими атрибутами, ассоциированными со всем набором, и отображение из символов в абстрактные глифы.

Полное имя шрифта
Единицы измерения em-квадрата
Центральная базовая линия/(Central Baseline)
Кодировка шрифта
Имя семейства шрифта
Ширина глифов
Ширина горизонтальной основы
Высота глифов верхнего регистра
Высота глифов нижнего регистра
Нижняя базовая линия

Отступы: свойство 'text-indent'
Это свойство специфицирует отступ первой строки текста в блоке. Точнее, оно специфицирует отступ первого бокса, всплывающего в первый строчный бокс блока. Бокс получает отступ относительно левого (или правого, для вывода справа-налево) края строчного бокса. Пользовательские агенты (ПА) должны отображать этот отступ как пробел.

Отступы: свойство 'text-indent'
Выравнивание: свойство 'text-align'
Подчёркивание, надчёркивание, перечёркивание
Оттенение текста: свойство 'text-shadow'
Оттенение текста: свойство 'text-shadow' - 2
Расстояния между буквами и словами
Капитализация: свойство 'text-transform'
Пробел: свойство 'white-space'

Модель сжимающихся рамок
Авторы могут специфицировать визуальное форматирование таблицы как прямоугольной сетки ячеек. Ряды и столбцы ячеек можно организовать в группы рядов и столбцов. Ряды, столбцы, группы рядов, группы столбцов и ячейки могут иметь вокруг себя прорисованные рамки (в CSS2 есть две модели рамок). Авторы могут выровнять данные в ячейках по вертикали и по горизонтали и выровнять данные во всех ячейках ряда или столбца.

Модель сжимающихся рамок
Разрешение конфликтов рамок
Разрешение конфликтов рамок - 2
Стили рамок
Звуковое представление таблиц
Говорящие заголовки: свойство 'speak-header'
Табличная модель CSS
Анонимные объекты таблицы
Селекторы столбцов
Таблицы в модели визуального форматирования

Курсоры: свойство 'cursor'
В дополнение к возможности устанавливать предопределённые значения цветов для текста, фона, и т.д., CSS2 позволяет авторам специфицировать цвета таким образом, чтобы интегрировать их в графическую среду пользователя. Таблицы стилей, учитывающие пользовательские установки

Курсоры: свойство 'cursor'
Предпочтительные цвета пользователя
Предпочтительные шрифты пользователя
Динамические контуры: свойство 'outline'
Контуры и фокус
Увеличение

Свойства объёма звука: 'volume'
Звуковое представление документа, обычно используемое людьми с проблемами зрения, сочетает речевой синтез и "звуковые иконки". Часто такое звуковое представление происходит при конвертации документа в обычный текст и его перенаправлении в устройство чтения с экрана -- программу или физическое устройство, которое просто считывает все символы на экране. Результатом этого является менее эффективное представление, чем могло бы быть, если бы сохранялась структура документа.

Свойства объёма звука: 'volume'
Свойства разговора: 'speak'
Свойства паузы: 'pause-before', 'pause-after'
Свойства реплики: 'cue-before', 'cue-after' и 'cue'
Свойства микширования: 'play-during'
Пространственные свойства: 'azimuth'
Пространственные свойства: 'elevation'
Свойства характеристик голоса

Новая функциональность
Понятие типов носителя.Значение 'inherit' для всех свойств.Страничные носителиЗвуковые таблицы стилейНесколько опций интернационализации, включая стили нумерации списков, поддержку двунаправленного текста и чувствительных к языку знаков кавычек.Расширенный механизм выбора шрифта, включая смысловой подбор, синтез и загружаемые шрифты. Введены также понятие системных шрифтов и новое свойство 'font-size-adjust'.Таблицы, включая новые значения 'display' и 'vertical-align'.

Обновлённые описания
Семантические изменения по сравнению с CSS1

Справочник терминологии шрифтов
Совпадение шрифтов - это процесс выбора похожего шрифта на базе одного или нескольких атрибутов основного шрифта. Обычные атрибуты: serif/с засечками, sans-serif/без засечек, вес, высота заглавных, x-высота, spacing/плотность, язык и posture/позиция. Совпадение шрифтов зависит от алгоритма и разнообразия шрифтов-кандидатов.

Выбор шрифта
Значения Чисел Panose
Значения Чисел Panose - 2
Вычисление Диапазонов Unicode для TrueType
Автоматическая генерация дескриптора
Полное описание форм шрифта italic
Полное описание кернинга
Описание изображения Win95 со шрифтами

Грамматика
Это грамматика LL(1) (но учтите, что большинство ПА не должны использовать её напрямую, поскольку она отражает не соглашения по разбору, а только синтаксис CSS2. Формат продуктов оптимизирован для удобства, и используются некоторые сокращения Yacc: *: 0 или более+: 1 или более?: 0 или 1|: разделитель альтернатив[ ]: группировка

Лексический сканер
Лексический разбор в CSS2 и в CSS1

Определение "содержащего блока"
'font-stretch' all | [ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ] [, [ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded] ]*
Планирование решений в экономике - перейти
Оптимизация бизнес процессов - перейти
Финансовый менеджмент - перейти
Финансовое планирование - перейти
История экономического анализа - перейти
Финансовый анализ - перейти
Торговля золотом - перейти
Концепция контроллинга - перейти
Основы программирования - перейти
Управляющие структуры языка Delphi - перейти
Символы и строки - перейти
Консольное приложение - перейти
Массивы - перейти
Процедуры и функции - перейти
Файлы - перейти





Forekc.ru
Рефераты, дипломы, курсовые, выпускные и квалификационные работы, диссертации, учебники, учебные пособия, лекции, методические пособия и рекомендации, программы и курсы обучения, публикации из профильных изданий