Как опытные верстальщики верстают сайты, сначала делают полностью html разметку, а потом css? И как лучше практиковать начинающему верстку?

Мы согласимся с предыдущими ответами о том, что в первую очередь необходимо проанализировать макет сайта целиком. Наверняка, есть ограничения по ширине контейнера и типовые блоки. Всегда лучше задавать сразу стили для секций и контейнера. И потом уже не возвращаться к этому вопросу.  Что касается самого процесса - то это на вкус верстальщика. Кому-то удобнее писать блок и сразу же его стилизовать и адаптировать. Кто-то пишет страницу, а потом ее стилизует. Верно сказано про стили - будет присваиваться самый последний стиль для одного и того же класса если он был ошибочно продублирован.  Поэтому лучше не ошибаться и не дублировать классы. 

Также стоит сказать о верстке с помощью gulp препроцессоры sass less. Если верстать с их помощью, то обычно сначала идет верстка отдельного section. Далее стили переносятся с помощью Tractor (в vscode). Поэтому удобно верстать блоками, а не сразу страницу целиком. И также надо знать о vue.js - там также страница собирается с помощью компонентов. Поэтому все же тенденции к верстке по блокам.