Строки. Строчные и блочные области элементов презентация

замещаемые элементы
Форматирование в строчном контексте
Свойство line-height — высота строки
Свойство vertical-align — вертикальное выравнивание
Форматы растровых изображений
Изображения в формате PNG

порождают областей
h1, p, div — порождают блочные области (block boxes)


a, strong, span — порождают одну или несколько строчных областей (inline boxes)

Вишнёвый сад

Любовь Андреевна. Посмотрите, покойная мама идет по саду… в белом платье! (Смеётся от радости.) Это она.

b, bdo, big, br, button, cite, code, del, dfn, em, i, img, input, ins, kbd, label, object, q, samp, select, small, span, strong, sub, sup, textarea, tt, var
Block: address, blockquote, del, div, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ins, ol, p, pre, table, ul
Без группы:
body, dd, dt, html, li (порождают блочные области)
caption, col, colgroup, head, legend, link, optgroup, option, param, style, tbody, td, tfoot, th, thead, title, tr

дочерних элементах (типы, количество, последовательность)
Элементы группы Inline не могут быть:
предками элементов группы Block,
дочерними по отношению к body (например: a, img)
Группа Flow = Block + Inline
Примеры:

(block-level):
block (address, blockquote, body, div, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, ol, p, pre, ul)
list-item (li)
table (table)
Другие типы:
none (head)
run-in, inline-block, inline-table
table-cell (td, th), table-row (tr), table-row-group (tbody), table-header-group (thead), table-footer-group (tfoot), table-column (col), table-column-group (colgroup), table-caption (caption)

или блочный), что и смежные с ними области элементов
Безымянные области наследуют наследуемые свойства родительского элемента

За нашу победу!

безымянные строчные области

строчная область элемента em

блочная область элемента h1

и одежда, и душа, и мысли.

А. Чехов