Как писать на коде CSS?

Вам поможет htmlacademy.ru очень достойно и с проверкой.

Как будто Promt перевел текст с русского на русский х_х
position - позиционирование элемента относительно родителя и соседей.
margin - отступ снаружи блока, НЕ изменяет его размеры
padding - отступ внутри блока, изменяет его размеры
float - это вообще обтекаемость

Столько статей про позиционирование написано

Выбирайте какой либо один способ и верстайте им. Не надо одновременно верстать и через float и через position. Вообще используйте position только там где это действительно нужно (например как меню на тостере). Посмотрите как устроено позиционирование в фреймворках вроде Bootstrap.
Ну и например, во ваши 4 дива в шапке или еще где нибудь и никакого садо мазо нету.
А по хорошему, если плаваете в таких основах, то лучше сесть и основательно поучить основы. Благо в интернете можно найти огромное количество как видеокурсов, так и книг данной тематики.

Если вы еще не умеете грамотно верстать, попробуйте bootstrap. Посмотрите по нему уроки. Там проще будет понять позиционирование и тд. А после бутстрапа продолжите изучение css более глубоко.

margin и padding использовать грамотнее. Но position иногда бывает просто незаменим. Более того, старайтесь, по возможности, все величины выставлять в %, но не злоупотребляйте этим.

Когда я пользуюсь float то естественно я использую либо margin либо padding.

P.S. Мне не нужны программы-всякие визуальные редакторы,я хочу верстать сайты в блокноте чисто кодом,в общем хочу быть грамотным веб-дизайнером и веб-верстальшиком,хочу уметь зарабатывать деньги на этом.Хочу чтоб мой доход зависел от меня самого.Надоели задержки зарплаты по полтора месяца у нас в стране.