Die Funktionen der Ränder
Seitenränder werden in verschiedene Arten von Digital erzeugte Dokumente, einschließlich Textverarbeitungsdateien und Webseiten angezeigt. Die Praxis der Verwendung Margen ist mit Web-Design und Entwicklung besonders verbunden. Ränder können eine Reihe von Funktionen, aber im Allgemeinen, ihr Zweck ist, verbessert die Darstellung eines Dokuments, seine Inhalte besser lesbar zu machen. Webseiten erstellen mit HTML-Markup-Code und Cascading Stylesheet Deklarationen verwenden Sie Ränder, um leeren Raum um die sichtbaren Elemente zu definieren.
Leerraum
Grafik- und Webdesigner verwenden Leerzeichen, um die Darstellung von Elementen auf einer Seite zu verbessern. In Web-Seiten können diese Elemente Text, Bilder und andere Medienelemente enthalten. Durch die Aufnahme Raum um Elemente, erleichtern Sie für Benutzer angezeigt, in dem ein Element endet und die nächste beginnt, sowie Textinhalte leichter lesbar zu machen. Definieren Sie die Ränder mit einer Kombination von HTML und CSS-Code, können Entwickler jedes Seitenelement innerhalb der Seite als Ganzes wirksam abheben lassen.
Layouts
Web-Seiten profitieren oft von visuelle Designs, in denen Layouts ein Schlüsselelement sind. Layout bestimmen, wie die Elemente auf einer Seite relativ zueinander angeordnet werden. Margen spielen eine Rolle bei der Bestimmung, wo jedes Element in einem Layout, so dass jedes Teil der Seite klar definiert angezeigt werden sollen. In Web-Design können die Ränder auf ein Element angewendet werden. Das Web-Browser Rendern einer Seite interpretiert Margin-Eigenschaften im Seitencode als Anweisungen, um den Leerraum um das Element zu enthalten.
Techniken
Eine Kombination aus HTML und CSS-Code verwenden. Das folgende HTML-Element hat ein ID-Attribut:< Div Id = "Inhalt" > hier ist einige Inhalte < / Div >
Der CSS-Code für die Seite kann das Element wie folgt ermitteln:
Inhalt {Margin: 10px;} Die Marge ist in diesem Fall einen festen Wert von 10 Pixel auf jeder Seite des Elements. Der Code könnte Alternativ geben Sie einen Wert für jede Seite, oder könnten relative Werte, wie folgt verwenden:
Inhalt {Margin: 1 % 2 % 1 % 5 %;} Dies bedeutet die Randgröße im Verhältnis zur Größe des Seitenelements mit dem "Div"-Element, beginnend mit der Spitze und arbeiten rund um jede Seite im Uhrzeigersinn. CSS können einzelne Seiten folgendermaßen ermitteln:
Inhalt {Margin-Top: 5px;} Entwickler können die Einstellungen für den oberen, unteren, linken und rechten Seite eines Elements anwenden.
Damit verbundenen Praktiken
Entwickler verwenden häufig andere Eigenschaften in Verbindung mit Margen beim Seitendesigns zu implementieren. Das CSS-Box-Modell definiert die Regeln für Web-Browser bei der Interpretation der Seitenlayouts. CSS können Entwickler die Dimensionen des Elementinhalts, Abmessungen zu diktieren, denn eine Fläche von Polsterung außerhalb des Inhalts Abmessungen für einen Rahmen und die Marge, die außerhalb des Elements angezeigt wird.