Поток - порядок вывода объектов на странице cверху вниз

Слайд 2

float: left | right | none | inherit;

Алгоритм:
Вынимается из потока до касания

float: left | right | none | inherit; Алгоритм: Вынимается из потока
с границей родителя или другого float
Нет места по горизонтали -> вниз
Другие блочные не видят
Строки и inline освобождают место

Слайд 5

Какую область занимают абзацы?
Сделаем фон у Сделаем картинку полупрозрачной

Какую область занимают абзацы? Сделаем фон у Сделаем картинку полупрозрачной

Слайд 7

1) свойство float можно задать
любому блочному элементу
2) при установке значения float

1) свойство float можно задать любому блочному элементу 2) при установке значения float элемент становится блочным
элемент
становится блочным

Слайд 9

Задача:
Разместить 2 блока с картинкой и текстом
один под другим

Задача: Разместить 2 блока с картинкой и текстом один под другим

Слайд 12

clear: left | right| both;

clear: left | right| both;