| |
|
|
| | Почему в теге <p> margin осуществляет отступ, а не padding? Т.е. для того, чтобы увеличить отступ, нужно установить нужные значения для margin-top и margin-bottom. Но ведь margin - это расстояние от родительского элемента до текущего элемента и отступ к тому же входит в состав блочного тега <p>, тогда отступ должен считаться за padding.... | |
| |
|
|
| |
|
|
| |
для: dump
(11.03.2012 в 10:09)
| | | оба правила дадут отступ. | |
| |
|
|
| |
|
|
| |
для: dump
(11.03.2012 в 10:09)
| | | margin - отступ от предыдущего элемента до границы элемента
padding - отступ от границы элемента до содержимого элемента | |
| |
|
|
| |
|
|
| |
для: Sfinks
(11.03.2012 в 11:47)
| | | >margin - отступ от предыдущего элемента до границы элемента
А я думал, что это расстояние от родительского элемента до текущего...Это не так? | |
| |
|
|
| |
|
|
| |
для: dump
(11.03.2012 в 15:48)
| | | А я думал, что это расстояние от родительского элемента до текущего
а что шкерится (отступать) по вашему нужно только от родителей? братья по вашему пусть как хотят кучкуются? :)
padding - отступ от границы элемента до содержимого элемента
вот как раз ребенок и есть содержимое элемента по отношению к родителю | |
| |
|
|
| |
|
|
| |
для: dump
(11.03.2012 в 15:48)
| | | В случае если текущий элемент это первый потомок ( :first-child ), то margin - это отступ от границы начала содержимого родительского элемента до границы ( border ) текущего элемента. Т.е. расстояние от border родителя до border потомка будет padding родителя + margin потомка. если 2 элемента идут друг за другом на одном уровне вложенности, то расстояние между их бордерами будет равно сумме их маргинов. | |
| |
|
|
| |
|
|
| |
для: Sfinks
(11.03.2012 в 16:18)
| | | > В случае если текущий элемент это первый потомок ( :first-child )
да, не совсем корректно... Тут нужно отдельно рассматривать (margin|padding)-(top|left|right|bottom). Главное понять что есть элемент, а у него есть граница (border), наружний отступ (margin), содержимое ( innerHTML ) и внутренний отступ от бордер до иннерХТМЛ. Когда визуально себе это представите, станет ясно какие отступы как расчитываются. | |
| |
|
|
| |
|
|
| |
для: dump
(11.03.2012 в 10:09)
| | | Любой тег (линейный, блочный, таблицу, список...) можно рассматривать как прямоугольник.
Стороны прямоугольника - границы тега.
Границы тега могут быть оформлены как border, а могут его не иметь (border: none).
Внутри границ тега - его внутреннее содержимое (здесь - CONTENT).
Отступ внутреннего содержимого от границ устанавливается свойством padding.
С внешней стороны границ (вокруг тега) можно установить так называемую "зону отчуждения",
т.е. внешние отступы от всех прочих элементов страницы.
Этот внешний отступ устанавливается свойством margin.
+------------------------------+
| |
| +===ГРАНИЦА==ТЕГА===+ |
| | | margin |
| | +-------+ | |
| | padding |CONTENT| | |
| | |CONTENT| | |
| | * |CONTENT| | * |
| | / +-------+ | \ |
| | / | \|
| +===================+ |
| / |\
+------------------------------+ \
/ \
внутренний отступ___/ -----внешний отступ
|
| |
| |
|
|
