← Alle Werkzeuge
KOSTENLOSE BROWSER-WERKZEUGE
CSS-Abstandsskala
Einheitliche Abstände aus einem Basiswert als CSS-Variablen erzeugen.
01 / EINGABE
Deine Angaben
02 / VORSCHAU
Ergebnis ansehen
Werkzeug starten, um das Ergebnis zu sehen.
03 / VERWENDEN
Ergebnis kopieren oder speichern
Gut zu wissen
Alle Eingaben werden auf deinem Gerät verarbeitet und nicht an Scriptladen.de übertragen.
Abstände für eine gesamte Website planen
Beispiel aus der Praxis
Starte beispielsweise mit 8 Pixeln und verwende die daraus abgeleiteten Stufen für Karten, Buttons und Seitenränder. Ein wiederkehrendes System macht ähnliche Elemente erkennbar zusammengehörig.
Wichtig für das Ergebnis
Wähle nicht für jede Stelle eine andere Stufe. Prüfe die Abstände auf 320 Pixeln und bei vergrößerter Schrift; eine Skala ersetzt keine responsive Gestaltung.