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

Question

Я не очень часто редактирую CSS, и почти каждый раз, когда мне нужно пойти и погуглить блочную модель CSS , чтобы проверить, находится ли padding внутри border и margin снаружи или наоборот. (Только что проверил еще раз и padding внутри).

У кого-нибудь есть хороший способ запомнить это? Немного мнемоники, хорошее объяснение того, почему имена такие круглые ...

Answer 1

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

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

Answer 2

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

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

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

Answer 3

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

Answer 4

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

Answer 5

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