Boxen - Innenabstände - Rahmen - Außenabstände
Für jedes HTML- Block - Element (div, p. img ..) können mit Stylesheet-Anweisungen (padding, border, margin) Innenabstände, Ränder und Außenabstände definiert werden.
Inline-Elemente (span, ...) können mit display: block in Block - Elemte umgewandelt werden.
Die Standardangaben älterer Browser sind unterschiedlich gesetzt. Schwierigkeiten mit unterschiedlicher Umsetzung kann man umgehen, wenn man zu Beginn des Stylesheet Abstände und Ränder grundsätzlich auf 0 setzt.
* { border: 0; margin: 0; padding: 0; }
Browser können Boxen zum Teil nur richtig berechnen, wenn Breiten- und Höhenangaben gesetzt sind.
Eine ausführliche Beschreibung der Abstände und Rahmen finden Sie hier:
http://jendryschik.de/wsdev/einfuehrung/eigenschaften/boxmodell