Здравствуйте.
Подскажите в чем отличие (по подробнее если можно)css свойств:
от
там вроде как в первом случае отступ от содержимого элемента, а во втором отступ от элемента, как бы это сказать… как кантейнера (со всеми полей элемента)? Т.е. если использовать второй вариант, то нужно прописывать значения полей в css?

Заранее спс

Никаких полей прописывать не нужно.
Идет так: pading, border, margin.
1 - отступ от внутренней структуры объекта. Если это кнопка - отступ от текста. Если внутри объекта другой объект - то отступ от него.
2 - граница поверх 1.
3 - отступ от (границы поверх 1) до рядом стоящего объекта. Не забываем, что не везде работает
Для полного понимания рекомендую первое время посматривать в google chrome внизу любого CSS описания объекта при включении (“просмотр кода элемента”). Там есть натурная схема padding, border, margin.

P.S. Еще рекомендую прочитать книгу Шмитт К. CSS. Рецепты программирования.

http://htmlbook.ru/css/box-sizing

сейчас нарыл простое объяснение которое звучит что-то типа:
marging - отступ от краев браузера до элемента
padding - отступ от краев элемента до содержимого

Kodriderme
сейчас нарыл простое объяснение которое звучит что-то типа:marging - отступ от краев браузера до элементаpadding - отступ от краев элемента до содержимого

не верно.

Ти знаешь что такое контейнер?

контейнер в принципе это тег имеющий содержимое . Например тег абзаца p

marging для p — это (внешний) отступ от p до краев браузера.
paddin для p — это отступ внутри p для текста: отступ от текста до “границ” p
border для p — “рамка” p

как-то так

4kpt, это у тебя прикол такой, тысячи считать?

Kodriderme
контейнер в принципе это тег имеющий содержимое . Например тег абзаца pmarging для p — это (внешний) отступ от p до краев браузера.paddin для p — это отступ внутри p для текста: отступ от текста до “границ” pborder для p — “рамка” pкак-то так

неверно http://htmlbook.ru/samlayout/blochnaya-verstka/blochnaya-model

margin - внешний отступ, padding - внутренний.