Створення html сімейного дерева
- . зовнішній є батьківським елементом для . елементи контейнера.
- елементи .container є братами та сестрами в межах .outer.
- .container є батьківським для inner-container.
- .inner-container є батьківським для .ratio-keeper.
- .ratio-keeper, який є батьківським для .wrap і .sliding-panels.
приклад
- /* Видалити стандартні маркери */ …
- /* Видалити поля та відступи з батьківської ul */ …
- /* Стиль каретки/стрілки */ …
- /* Створіть каретку/стрілку з Юнікодом і оформіть її */ …
- /* Обертання піктограми вставки/стрілки при натисканні (за допомогою JavaScript) */ …
- /* Приховати вкладений список */
Щоб намалювати своє родинне дерево, почніть із коробки, яка представляє вас або предка, з якого ви хочете почати. Генеалогічне дерево можна зображати зверху, знизу або горизонтально, якщо коренем завжди є ви. Додайте більше ящиків, доки не включите всіх членів вашої родини.
Батько і дитина Батьківський елемент — це елемент, який розташований безпосередньо над елементом у дереві документа та з’єднаний із ним. На діаграмі нижче <div> є батьківським для <ul>. Дочірній елемент – це елемент, який знаходиться безпосередньо під елементом у дереві документів і з’єднаний з ним. На схемі вище <ul> є дочірнім елементом <div>.
опис. Властивість fontFamily встановлює або повертає список назв сімейства шрифтів і/або загальних імен сімейства для тексту в елементі. Браузер використовуватиме перше розпізнане значення. Існує два типи значень сімейства шрифтів: сімейство шрифтів: назва сімейства шрифтів, наприклад «verdana» або «arial»