Как лучше учиться верстать сайты , смотреть видео и повторять, посмотреть видео и самому верстать

как бы видео показывают связь написанного и выводимого

Смотреть удачные сайты и повторять за ними, потом придёт время, когда начнёшь делать сам без оглядки на других.

"смотреть видео и повторять"
Так ты ничему не научишься.
Учись самостоятельно выполнять различные задачи

Вот тебе учебник , распакуй в удобное место и начни с файла index.htm. Сам учебник в файле Book_html_steps.chm, остальное - справочники и дополнительные материалы.

Если можете сверстать макет самостоятельно – так практиковаться оптимально, но желательно, получить фидбек по результату работы от более опытных.

Видео смотреть тоже полезно, также как и читать статьи/книги/примеры в песочницах и т.д., но не повторять за кем-то, а попытаться сначала сделать самостоятельно, и только после этого сравнить ваше решение с другим. Решения, конечно, не будут одинаковыми, но не всегда ваше будет хуже, т.к. многое в верстке – вкусовщина и не всегда в видео будет эталонная верстка, чаще даже наоборот.

Если действительно хочется научиться, то лучше купить видео-курс по верстке, но современный, например я учился по курсам Михаила Русакова. Отличные курсы, многому научился и после курса верстал уже сайты, корявенько конечно, но чем дальше, тем все лучше понимал и лучше верстал)