CSS-live.ru

DOM, который построил браузер

Вот DOM, который построил браузер:

Визуализация отображаемой DOM в расширении 3D Tilt для FF

HTML-исходник

А это — страница,
Которая в кеше на диске хранится,
И служит исходником каждой вещицы
В DOMе, который построил браузер.

 

Вот стили,
Которые быстро себя применили
Ко всем элементам разметки страницы,
Которая в кеше на диске хранится,
И служит исходником каждой вещицы
В DOMе, который построил браузер.

Вот область просмотра,
В которой рисуются рендером бодро
(С учетом всех стилей,
Что к элементам себя применили)
Все эти вещицы
(Которым исходником служит страница,
Которая в кеше на диске хранится)
В DOMе, который построил браузер.

Вот корневой элемент.
Он заполняет в момент
Всю область просмотра,
В которой рисуются рендером бодро,
С учетом всех стилей,
Что к элементам себя применили,
Все эти вещицы
(Которым исходником служит страница,
Которая в кеше на диске хранится)
В DOMе, который построил браузер.

А это — начальный блочный контекст
Который заведует выдачей мест
Под всё, что хранит корневой элемент,
Который заполнил в начальный момент
Всю область просмотра,
В которой рисуются рендером бодро,
С учетом всех стилей,
Что к элементам себя применили,
Все эти вещицы
(Которым исходником служит страница,
Которая в кеше на диске хранится)
В DOMе, который построил браузер.

Блоки

Вот блоки,
Что идут друг за дружкой в потоке,
Упираясь контейнеру margin-ом в боки,
Образуя тот блочный контекст ,
Который заведует выдачей мест
Под всё, что хранит корневой элемент,
Который заполнил в начальный момент
Всю область просмотра,
В которой рисуются рендером бодро,
С учетом всех стилей,
Что к элементам себя применили,
Все эти вещицы
(Которым исходником служит страница,
Которая в кеше на диске хранится)
В DOMе, который построил браузер.

А это вот — строки,
Которыми будут заполнены блоки,
Что идут друг за дружкой в потоке,
Упираясь контейнеру margin-ом в боки
(если только в самих в них не вложены блоки,
что тоже пойдут друг за дружкой в потоке),
Образуя тот блочный контекст ,
Который заведует выдачей мест
Под всё, что хранит корневой элемент,
Который заполнил в начальный момент
Всю область просмотра,
В которой рисуются рендером бодро,
С учетом всех стилей,
Что к элементам себя применили,
Все эти вещицы
(Которым исходником служит страница,
Которая в кеше на диске хранится)
В DOMе, который построил браузер.

P.S. Это тоже может быть интересно:

7 комментариев

    1. Да, автор Илья (aka SelenIT).

      Да, можно запостить, только оформите пожалуйста всё правильно. Как в этом посте:
      http://css-live.ru/articles-css/kazhdyj-raz-kogda-vy-nazyvaete-proprietarnuyu-fichu-slovom-css3-v-mire-umiraet-kotenok/

      Видите, сверху статьи надпись и ссылка и внизу.

      p.s. Кстати, а ссылочку на блог дайте плз.

Добавить комментарий для psywalker Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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