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