Marge & Polsterung Styles

Design ist keine Option, wenn Sie eine Website erstellen, es ist eine Notwendigkeit. Eine Website, die nicht ästhetisch ansprechend wird nicht ermutigen, Besucher zu bleiben, um den Inhalt zu erkunden. Erstellung von Inhalten, die fließt, erhöht Ihre Chancen mehr Zuschauer zu gewinnen, und wenn Sie ein Unternehmen sind, abschließen Verkäufe. In Ihrem Design umfasst Ränder und Abstände.

Marge

Am Rand auf einer Seite ist die Menge an Speicherplatz, die Sie auf jeder Seite auf der Außenseite des Inhalts haben. Ränder geben Ihnen mehr oder weniger Platz auf der Seite für Ihre Inhalte, je nachdem, wie groß sie sind. Wenn Sie versuchen, einen bestimmten Stil zu erreichen, empfiehlt es sich, am Rande selbst anpassen, anstatt zuzulassen, dass Ihre Seite diese standardmäßig festgelegt.

Festlegen der Ränder

Jede Seite hat vier Ränder: oben, Links, unten und rechts. Bei der Gestaltung Ihrer Website können Sie alle Ränder auf die gleiche Größe, oder geben eine individuelle Einstellung für jeden Rand festlegen. Seitenränder werden in Pixeln gemessen. Schreiben Sie den gleichen Rand für die gesamte Seite einstellen, "Marge: 100px;" eine Marge von 100 Pixel für alle vier Seiten festlegen. Um Ränder individuell festzulegen, geben Sie Folgendes ein:

"Margin-Top: 50px;

Margin-Bottom: 75px;

Rand Links: 100px;

Rand rechts: 100px; "

Mit den obigen Werten, das Oberteil hat eine Marge von 50 Pixel, Boden hat einen 75 Pixel Rand und linke und Rechte an haben 100 Pixel Margen. Alle Formatierungen Marge geht in Ihre cascading Stylesheet unter Ihren entsprechenden Div bzw. unter der Rubrik "< Stil >".

Polsterung

Denken Sie an Polsterung wie innen Marge auf Ihre Inhalte. Polsterung gibt wie viel Platz in Ihrem Div, um Ihr Bild oder einen TextBlock, den Sie von anderen Inhalten trennen möchten.

Polsterung-Stil

Angabe der Polsterung ähnelt dem Angeben der Ränder: Sie haben die Möglichkeit, dem Abstand um ein Element festlegen, das gleiche für jede Kante oder jeweils einzeln angeben. Schreiben von innen Ihre cascading Stylesheet verwenden "padding: 10px;" ein Innenabstand von 10 Pixel um jede Kante des Elements um es von anderen Inhalten zu trennen haben. Sie könnten alternativ festlegen, jede Kante einzeln, wie z.B.:

"Padding-Top: 10px;

Padding-Bottom: 10px;

Textabstand rechts: 5px;

Textabstand links: 5px; "

Mit den obigen Einstellungen, haben Sie fünf Pixel Polsterung auf jeder Seite und 10 Pixel der Abstand oben und unten.