... главная страницаКарта сайтаКонтакты

Главная
Синтаксис CSS
Свойства CSS
Форматирование блоков
Списки
Пример применения стилей
Оптимизация стилей
Оформление текстов
Использование блоков
Позиционирование
Слои в CSS
Готовые решения
Дополнительные возможности CSS
Программа TopStyle
Таблица цветов

 

Все свойства CSS

 
Яндекс.Метрика
 
 

Синтаксис CSS. Kaк CSS обрабатывается браузером.

 

 

Правила CSS ||  Типы селекторов ||  Единицы измерения ||  Наследование ||  Каскадирование ||  CSS и браузер


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

Браузер обрабатывает исходный код в несколько этапов.

На первом этапе осуществляется грамматический анализ исходного документа, и для него создается дерево элементов (пример такого дерева мы рассматривали при обсуждении контекстных селекторов).

Второй этап определяет тип конечного носителя, на который будет выводиться информация (монитор, принтер или др.).

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

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

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

На последнем этапе браузер передает структуру форматирования на конечное устройство (выполняется печать результатов, отображение их на экране, звуковое воспроизведение и т.д.). Пользователь получает необходимый ему результат.

 

Правила CSS ||  Типы селекторов ||  Единицы измерения ||  Наследование ||  Каскадирование ||  CSS и браузер

 

Наверх страницы

 

Уроки CSS © 2007 - 2018 г. Все права защищены