Стань PHP-разработчиком с нуля с трудоустройством в IT-компании

Дерево навыков/Painting order и stacking contexts/ Recursive painting order

КатегорияПозиционирование и наложениеНавыкPainting order и stacking contextsКомпонент навыка

Recursive painting order

БазовыйЭкспертный

  1. Базовый уровень

    • Painter’s model

      Интерпретирует более позднее painting как визуально расположенное выше ранее нарисованного.

    • Context root decorations внизу

      Рисует background и border context root под его descendant stacking content.

    • Tree order по умолчанию

      Использует tree order там, где более специальная сортировка не задана.

  2. Продвинутый уровень

    • Negative contexts

      После root decorations рисует negative contexts от наиболее отрицательного уровня.

    • In-flow block descendants

      Помещает in-flow non-positioned block descendants в их нормативную paint phase.

    • Non-positioned floats

      Рисует non-positioned floats после block decorations и до inline content.

    • Inline content

      Помещает in-flow inline content и atomic inline-level boxes в соответствующую phase.

    • Positioned auto и zero

      Рисует positioned `auto` и zero descendants после обычного flow content.

    • Positive contexts

      Рисует positive contexts от наименьшего положительного уровня к большему.

    • Сортировка по z-index и tree order

      Сортирует negative и positive contexts сначала по `z-index`, затем по tree order.

  3. Экспертный уровень

    • Recursive child contexts

      Рекурсивно выполняет полный painting algorithm для каждого настоящего child context.

    • Stacking-container algorithm

      Применяет отдельный алгоритм stacking container и возвращает исключённых descendants parent context.

    • Table decoration suborder

      Соблюдает внутренний порядок table, column group, column, row group, row, cell backgrounds и borders.

    • Inline и replaced suborder

      Размещает inline decorations, text, replaced content и atomic inline boxes в нормативном suborder.

    • In-band и out-of-band outlines

      Учитывает разрешённый UA выбор между in-band и out-of-band painting outlines.