Как разложить знания по полочкам?
Это нормально. Сейчас и должна быть каша. Лечится это практикой.
Нужно понимать по-этапную эволюцию вёрстки: от полностью белого окна с одной областью (html,body) до полностью свёрстанного макета.
Т.е., переход от самых крупных областей к более мелким деталям (ООП):
1. Сначала - правильные  позиционирование, размеры, масштабирование. 
2. Затем - зазоры и оформление (тени, закругления, искажения и т.д.)..