This page has been robot translated, sorry for typos if any. Original content here.

Formatieren eines Blocks von Pseudoklassen und Pseudoelementen

Formatierung blockieren

Ein Block in Cascading Stylesheets wird als Fragment einer Seite oder seines vollständigen Volumens angesehen, die in den Containern <P> und <DIV> sowie <BODY> (wenn die Seite als Ganzes steht) platziert wird. Das Formatieren eines Blocks ändert seine Parameter, wie zum Beispiel: die Breite und Höhe des Blocks, die externen und internen Räume von seinen Grenzen, die Zuordnung von Farbe und Aussehen der einzelnen Linien (Grenzen) und den allgemeinen Hintergrund.

Die Blockdimensionen in Stilen werden in den Eigenschaften width und height angegeben , während in anderen Fällen keine negativen Werte angegeben werden können. In einigen Fällen müssen für die Gestaltung der Seiten auf variable Dimensionen des Blocks zurückgegriffen werden. Um dies zu tun, bietet CSS die Mindestbreite, Mindesthöhe (minimale Breite und Höhe des Blocks) und Max-Widht / Max-Höhe Eigenschaften (ihre Maximalwerte).

Die externen Versätze aus dem Block diktieren die Parameter: Rand (Einzüge sind gleich), Rand links (Einzug nur links), Rand rechts (Einzug rechts), Rand oben (Einzug von oben) und Rand unten (Einzug von unten). In ähnlicher Weise wird die Eigenschaft padding verwendet (Einzug innerhalb eines Blocks).

Wenn Sie den Hintergrund eines Div- Blocks festlegen , müssen Sie die Eigenschaft background-color anwenden, deren Auswahl nicht von der allgemeinen Verwendung von Farben zu unterscheiden ist. Wenn Sie ein Bild als Hintergrund verwenden möchten, verwenden Sie die Eigenschaft background-image und geben Sie die Adresse und den Dateinamen des gewünschten Bildes im Wert an. Sie können die Wiederholung eines Bildes im Hintergrund eines Blocks durch die Eigenschaft repeat-x (Wiederholungen auf der X-Achse), Wiederholungs-Y (auf der Y-Achse) und Nichtwiederholung (keine Wiederholungen) begrenzen. Wenn Sie das Hintergrundbild sperren müssen, um es beim Scrollen ruhig zu halten, verwenden Sie den festen Wert in der Eigenschaft background-attachment .

Um die Parameter des Blockrahmens zu ändern , wenden Sie Eigenschaften an, die mit dem Wort BORDER beginnen. Mit Hilfe der border-width können Sie also die gleichen Werte für alle vier Rahmen des Blocks festlegen, und in den Werten von border-left-width , border-right-width , border-top-width und border-bottom-width wird ein bestimmter Rahmen beschrieben. Für eine ähnliche Darstellung gilt: border-color (die Farbe der Linien des Rahmenrandes) und border-style (das Aussehen der Linien). Über die letzte Eigenschaft, die Sie hinzufügen müssen, dass sie mehrere, unerforschte Werte haben, haben wir:

  • Englisch: www.weisang.info/index.php?id=143&t...h=ddcdcdcdc2 Linien mit festen Linien , Rillen, Grat und Doppelrahmen sind jeweils massiv, eingerückt, konvex und doppelt.
  • Einschub - der Block ist vollständig niedergedrückt.
  • Anfang - Volumenansicht des Blocks.
  • keine - keine Zeilen.

Aus dem Obigen kann angenommen werden, dass der Blockstil die folgende Form haben kann:

.box {Breite: 200px; Höhe: 100px; Rand links: 5px; Rand rechts: 5px; Rand oben: 10px; Rand unten: 15px; Auffüllen: 5px; Randbreite-links: 1px; Rahmenbreite-rechts: 0px; border-width-top: 0px; Randbreite-unten: 5px; Rahmenfarbe: # 202020; Umrandungsstil: fest}

Formatieren von Pseudo-Klassen und Pseudo-Elementen

Diese Kategorie enthält Elemente von Webseiten, die gewöhnlichen Elementen schwer zuzuordnen sind. Pseudo-Klassen sind Links , First-Child und Lang (Sprache). In der CSS 2.0-Spezifikation werden sie wie folgt beschrieben:

  • a: link - Eigenschaften eines normalen Links.
  • a: aktiv - aktive Linkeigenschaften.
  • a: besucht - Eigenschaften des besuchten Links.
  • a: hover - Eigenschaften des Links, wenn Sie die Maus darüber bewegen.
  • a: Fokus - Link-Eigenschaft mit Fokus
  • first-child - wählt das erste Element unter den folgenden aus.
  • lang - Formatierungselemente abhängig von der Verwendung von Sprachen auf der Seite.

In Cascading Stylesheets werden beim Formatieren von Links die gleichen Werte wie für Klartext angewendet. Bei der Beschreibung anderer Pseudoklassen in CSS wird das Symbol ">" vor ihren Werten angezeigt.

Pseudo-Elemente in Stilen enthalten Eigenschaften:

  • Anfangsbuchstabe - Formatiert das erste Zeichen für die erste Zeile.
  • erste Zeile - separate Formatierung der ersten Zeile des Textblocks wird zugewiesen.
  • after - weist den Ort des Objekts nach dem aktuellen Element zu.
  • before - weist dem aktuellen Element den Standort des Objekts zu.