Beliebte Beiträge Auf Dem Pc Und Software

Top Artikel Auf Internet - 2018

Definition des normalen Ablaufs im Webseiten-Design

Normaler Fluss ist die Art, wie Elemente in einer Webseite in den meisten Fällen angezeigt werden. Alle Elemente in HTML befinden sich innerhalb von Boxen, die entweder Inline-Boxen oder Blockboxen sind.

Blockboxen ablegen

Blockboxen werden im normalen Ablauf nacheinander auf einer Seite positioniert (in der Reihenfolge, in der sie geschrieben sind) das HTML). Sie beginnen in der oberen linken Ecke der Box und stapeln von oben nach unten. Der Abstand zwischen den einzelnen Boxen wird durch die Ränder definiert, wobei die oberen und unteren Ränder ineinander übergehen.

Sie könnten beispielsweise den folgenden HTML-Code haben:

Dies ist das erste div. Es ist 200 Pixel breit und hat einen Rand von 5 px.
Dies ist ein breiteres Div.
Dies ist ein div, das etwas breiter ist als das zweite.

Jedes DIV ist ein Block Element, so dass es unter dem vorherigen Blockelement platziert wird. Jede linke äußere Kante berührt die linke Kante des umschließenden Blocks.

Inline-Boxen auslegen

Inline-Boxen werden horizontal auf der Seite horizontal angeordnet, wobei nacheinander am oberen Rand des Container-Elements begonnen wird. Wenn nicht genügend Platz vorhanden ist, um alle Elemente der Inline-Box in einer Zeile zu platzieren, werden sie in die nächste Zeile umgebrochen und von dort vertikal gestapelt.

Zum Beispiel im folgenden HTML:

Dieser Text ist fett und dieser Text ist kursiv . Und das ist einfacher Text.

Der Absatz ist ein Blockelement, aber es gibt 5 Inline-Elemente:

  • "Dieser Text ist"
  • "fett"
  • "und dieser Text ist"
  • " Kursivschrift "
  • ". Und das ist Klartext. "

So normalen Fluss ist, wie diese Block- und Inline-Elemente auf der Webseite angezeigt werden, ohne dass der Webdesigner eingreifen muss.

Wenn Sie wo beeinflussen wollen Ein Element befindet sich auf einer Seite, auf der Sie CSS-Positionierung oder CSS-Floats verwenden können.

Senden Sie Ihren Kommentar