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

Слайд 2

float: left | right | none | inherit; Алгоритм: Вынимается из

float: left | right | none | inherit;

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

касания с границей родителя или другого float
Нет места по горизонтали -> вниз
Другие блочные не видят
Строки и inline освобождают место
Слайд 3

Слайд 4

Слайд 5

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

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

Слайд 6

Слайд 7

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

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

float элемент
становится блочным
Слайд 8

Слайд 9

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

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

Слайд 10

Слайд 11

Слайд 12

clear: left | right| both;

clear: left | right| both;

Слайд 13

Слайд 14

Слайд 15

Слайд 16

Слайд 17

Слайд 18