Как запомнить в CSS, что поле находится за пределами границы, а отступ внутри

pin - P находится в

Распечатайте диаграмму из раздела спецификации Размеры коробки и повесьте ее на стену.

Для меня «отступ» звучит более внутренне, чем «маржа». Возможно, поможет размышление о напечатанной странице? Поля - это области далеко за пределами - как правило, вы не можете печатать даже до края - они ничем не примечательны. Внутри этих полей содержимое можно дополнить, чтобы создать дополнительный барьер между содержимым и полем?

Как только вы в достаточной мере поработаете с CSS, это станет вашей второй натурой.

используйте firebug, чтобы помочь вам увидеть.

Когда работа с CSS, наконец, сводит вас с ума, заполненная ячейка, в которую вас поместят, имеет заполнение на внутри стен.

Я только что со временем усвоил - коробочная модель довольно проста, но основная причина, по которой люди находят ее трудной, заключается в том, что body явно не ломает модель.

На самом деле, если вы дадите body поле и фон, вы должны увидеть его окруженным белой полосой. Однако это не так - заполнение body такое же, как и поле. Это указывает на несколько неверных фактов о блочной модели.

Я обычно думаю об этом так:

• маржа = интервал вокруг поля;
• border = край коробки;
• padding = пространство внутри коробки.

Создайте себе базовую таблицу стилей с комментариями, которую вы можете использовать в качестве шаблона всякий раз, когда вам нужно создать новый сайт или отредактировать существующий.

Вы можете добавлять его по мере роста знаний и применять его к различным браузерам, чтобы увидеть, как себя ведут разные вещи.

Вы также сможете добавлять комментарии или примеры о других трудно запоминающихся материалах или вещах, которые противоречат интуиции.

Добавьте границу, даже временно. Играя с числами, вы увидите разницу.

Фактически, временные границы вокруг элементов - это полезный способ работы, чтобы вы могли понять, почему опускаются поплавки и т. д.

Я знаю, что это ответ на ваш вопрос, но это скорее подсказка. Всякий раз, когда я имею дело с полями и отступами, я добавляю границу вокруг той части, с которой вы работаете, и оттуда она показывает мне комнату, с которой мне нужно работать. Когда все готово, снимаю границу.

Вы используете коробку. Если бы вы клали что-то в коробку, вы бы положили внутрь прокладку, чтобы она не ударялась по бокам. Другое дело - маржа.

Тим Сондерс дал отличный совет - когда я впервые начал работать с CSS, я решил создать хорошую, полностью прокомментированную базовую таблицу стилей. Эта таблица стилей менялась много раз и остается прекрасным ресурсом.

Однако, когда я столкнулся с проблемами моей собственной модели коробки, я начал использовать «Мо Пи». Например: «Я недостаточно толстый, мне нужно съесть мо пи». Странно, но у меня это сработало. Конечно, я набрал двадцать фунтов, изучая CSS ... ;-)

PAdding - это ЧАСТЬ PAinting элемента: она расширяет фон элемента. Имеет смысл думать, что пара элемент + отступы имеет общий фон. Отступ аналогичен холсту картины: чем больше отступ, тем больше холст и, следовательно, фон. Граница (рамка картины) обойдет эту пару. И поле отделит картины на стене галереи. Подумайте о концепции фона объекта, чтобы склеить пару объект + прокладка. Обычные объяснения того, что внутри, а что снаружи, не запоминаются: через некоторое время все возвращаются к первоначальной путанице. Помните также, что поля можно складывать по вертикали, а отступы - нет.

Внутри обычно используется набивка. Либо на внутренней стороне стены, либо на доставочном ящике, это просто. И если отступ внутри, то маржа снаружи. Не должно быть слишком сложно.

Маржа: когда вы хотите переместить блок. Заполнение: когда вы хотите переместить элементы в блок.

Вместо того, чтобы снова и снова просить Google, вы просто используете окно инспектора. На этой вкладке стиля и прокрутите вниз до самого низа, вы можете увидеть это.