Hinweis: Der folgende Artikel hilft Ihnen weiter: Grundlegende Wix-Parameter, die Ihre Seite auf dem Laufenden halten
Wenn Sie mit Wix eine neue Seite erstellen, möchten Sie wahrscheinlich alle Ihre Seitenelemente so konfigurieren, dass sie so angezeigt werden, wie Sie es sich vorstellen. Wenn Sie jedoch (mindestens einmal) Probleme mit der App und ihren Parametern beim Anpassen hatten, wird Ihnen dieser Blog-Beitrag sicherlich weiterhelfen.
Einige Einstellungen können für viele von uns ungewohnt sein, da wir nicht wirklich etwas über Programmiersprache wissen. In diesem Blogbeitrag werde ich über den Box-Stil mit „Margin“ und „Padding“ sprechen, der häufig auf der Registerkarte „Styling“ jedes Elements erscheint.
Auf den ersten Blick könnte es verwirrend sein, da es den Anschein hat, als hätten beide etwas mit dem Leerraum um ein Element zu tun. Sobald Sie jedoch den Unterschied zwischen Rand und Polsterung verstanden haben, können Sie bessere Designentscheidungen treffen. Grundsätzlich ist Marge der Raum außen etwas, wohingegen Polsterung der Raum ist innen etwas.
Die Polsterung erfolgt um alle vier Seiten des Inhalts. Der Rand ist der Abstand zwischen dem Rand und dem nächsten Element. Der Raum außerhalb der Grenze zwischen ihm und den anderen Elementen ist der Rand. Das CSS-Box-Modell ist im Wesentlichen eine Box, die jedes HTML-Element umschließt. Das Box-Modell ermöglicht es uns, einen Rahmen um Elemente hinzuzufügen und den Raum zwischen Elementen zu definieren. Es besteht aus: Rändern, Rahmen, Innenabstand und dem eigentlichen Inhalt. Das Bild unten zeigt das Box-Modell:
W3School erklärt das CSS-Box-Modell:
- Inhalt – Der Inhalt der Box, in der Text und Bilder erscheinen
- Polsterung – Löscht einen Bereich um den Inhalt herum. Die Polsterung ist transparent
- Grenze – Ein Rand, der die Polsterung und den Inhalt umgibt
- Rand – Löscht einen Bereich außerhalb der Grenze. Der Rand ist transparent
Das ist alles für den Moment, es werden in naher Zukunft noch weitere folgen. Ich hoffe wirklich, dass Sie diese Parameter jetzt besser verstehen und viel schönere Seiten erstellen. Viel Glück!
