Die Unterschiede in der Polsterung & Margen
Textabstand und Ränder sind zwei Methoden zum Erstellen von Space über CSS-Styling. Die Wirkung, die jeweils von Ihnen dargestellt wird, wird ähnlich aussehen, aber sie werden dies auf unterschiedliche Weise erreichen. Die feinen Unterschiede zwischen den beiden zu verstehen wird sichergestellt, dass Sie wissen, in welche Situation, um Abstand zu verwenden und die Ränder zu verwenden.
Raum schaffen
Das Grundprinzip hinter Ränder und Abstände ist < Div >-Tags oder die Inhaltsblöcke erstellen. Inhalte werden von einem Rahmen umgeben werden, ob diese Grenze sichtbar oder nicht ist. Polsterung schafft Raum innerhalb dieser Grenze von der Grenze nach außen schieben. Ränder, schaffen auf der anderen Seite Raum außerhalb der Grenze, drängt alle anderen Elemente auf der Website von der Grenze entfernt.
Reduzierbare Margen
Zu den Besonderheiten der Ränder ist, dass sie automatisch reduzierbar sind. Zwei Ränder neben einander liegen, werden sie automatisch übernehmen die Merkmale des Randes größer und kleineren zu entfernen. Also, wenn ein Div neben anderen ist, und die erste hat eine Marge von 30px, während die andere hat einen Rand von 20px wird die Marge 30px, nicht 50px gleich.
Verwendung von Margen
Da diese zusammenklappbar sind und sie Raum außerhalb eines Rahmens schaffen, sollte Ränder verwendet werden, wenn Sie einige Inhalte isolieren möchten. Hintergrundfarben oder Bilder werden nicht in eine Marge, Spillover-damit es verwendet werden soll, wenn Sie einen Hintergrund voneinander trennen möchten. Margen können auch verwendet werden, wenn das allgemeine Layout einer Website zu strukturieren. Denn wird sie sind zusammenklappbar, es leichter zu verschiedenen Div-Klassen zusammen richten, ohne sich zu sorgen, dass der Raum zwischen ihnen zu groß werden.
Verwendung von Padding
Polsterung kann verwendet werden, wenn Sie wachsen wollen, die Hintergrundfarbe oder ein Bild Ihres Inhalts oder wenn Sie etwas Platz zwischen Inhalt und seine Grenze machen möchten. Darüber hinaus wollen Sie Platz zwischen zwei Div-Tags ohne diesen einstürzenden Raum zu schaffen, sollte dann Polsterung verwendet werden. Wenn Abstand neben Marge Raum platziert ist, wird es zum Rand hinzufügen.