Visuell kann ich den Unterschied erkennen, aber in welchen Situationen sollte ich den anderen vorziehen? Gibt es irgendeinen Grund, sie überhaupt zu verwenden, oder können sie durch Prozentsätze ersetzt werden?

erzeit scheint es mir nicht möglich zu sein, über einen Versuch-Fehler-Ansatz hinauszugehen, wenn ich diese Eigenschaften verwend

Auch ich kann nur ziemlich vage Erklärungen finden und vor allem finde ich die W3C doc ziemlich verblüffend.

Werte haben folgende Bedeutung:

'enthalten'

Skalieren Sie das Bild unter Beibehaltung des ihm eigenen Seitenverhältnisses (falls vorhanden) auf die größte Größe, sodass sowohl seine Breite als auch seine Höhe in den Positionierungsbereich des Hintergrunds passen.

'Startseite'

Skalieren Sie das Bild unter Beibehaltung des ihm eigenen Seitenverhältnisses (falls vorhanden) auf die kleinste Größe, sodass sowohl seine Breite als auch seine Höhe den Positionierungsbereich des Hintergrunds vollständig abdecken können.

Ich bin wahrscheinlich ein bisschen dick, aber kann mir jemand eine einfache englische Erklärung mit relativen Beispielen geben?

Bitte verwendediese Geige. Vielen Dank

CSS

body{
    width:500px;
    height:500px;
    background:url(http://upload.wikimedia.org/wikipedia/commons/1/1a/Bachalpseeflowers.jpg);
    background-size:contain;
    background-repeat:no-repeat;
}

Hinwei

Die akzeptierte Antwort ist die, die ich derzeit am knappsten und vollständigsten finde. Vielen Dank an alle für ihre Hilfe.