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

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

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

HTML-исходник

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

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

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

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

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

Блоки

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

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

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

7 Комментарии

  1. Шикарно! Автор Вы? Разрешите у себя перепостить со ссылкой на вашу страницу?

    1. psywalker

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

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

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

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

      1. Кликните на мою подпись, или «имя».

        1. psywalker

          Понял. Буду иметь ввиду, что это ваш блог.

      2. Спасибо за разрешение.

        1. psywalker

          На здоровье.

  2. Spx

    Браво!

Оставить комментарий

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

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