Formativanie Block Pseudo und Pseudo

Formativanie Einheit

Block in Cascading Style Sheets wird als ein Fragment der Seite zu sein, oder seine insgesamt in den platzierten Volumen <P> Container <DIV> und <BODY> (wenn die Seite als Ganzes). Formatierungseinheit ändert ihre Parameter, wie die Blockbreite und -höhe, die äußeren und inneren Ränder seiner Grenzen, die Zuweisung der Farbe und das Aussehen der einzelnen Linien (Grenzen) und allgemeiner Hintergrund.

Blockabmessungen im Stil in der Breite und Höhe angegeben, aber zur gleichen Zeit, wie überall in diesen Fällen kann man nicht negative Werte verwenden. In einigen Fällen ist die Gestaltung der Seiten erforderlich sind, um einen variablen Blockgröße zu greifen. Um dies zu tun in der CSS - Eigenschaften beinhaltet min-Breite, min-height (minimale Breite und Höhe der Einheit) und max-widht / max-height (Maximalwerte).

Externe Polsterung aus dem Gerät diktieren Parameter: margin (gleiche Vertiefung), margin-left (nur der linke Einzug), margin-right (rechts Spiegelstrich), margin-top (oberer Rand) und margin-bottom (unterer Rand). Ebenso verwendet wird Eigenschaft padding (Polsterung im Inneren des Gerätes).

Wenn die Hintergrundeinstellung wollen Sie den Block div Eigenschaft background-color anzuwenden, die Wahl der Werte , die von der allgemeinen Verwendung von Farben nicht unterscheidbar sind. Wenn Sie als Hintergrund für jedes Bild verwenden möchten, dann verwenden Sie die Eigenschaft background-image, und den Wert in der Adresse und wählen Sie den gewünschten Dateinamen ein Bild. Begrenzen Sie die Wiederholung von Bildern im Hintergrund, können Sie blockieren die Eigenschaft background-repeat und ihre Werte: repeat-x (Wiederholung der X - Achse), wiederholen-y (Y - Achse) und no-repeat (ohne Wiederholungen). Falls erforderlich, befestigen Sie das Hintergrundbild, so dass er stationär bleibt , wenn in der Eigenschaft background-attachment mit dem festen Wert zu blättern.

So ändern Sie werden den Umfang der Bausteinparameter der Eigenschaften verwendet, beginnend mit dem Wort BORDER. So mit der border-width können die gleichen Werte für alle vier Blockgrenzen festgelegt werden und in den Werten von border-left-width, Borderline rechts Breite, border-top-width und border-bottom-Breite wird eine bestimmte Grenze. In einer ähnlichen Darstellung gilt: border-color (Farbzeilenblockrahmen) und border-style (Art der externen Linien). Über die letztgenannte Eigenschaft notwendig ist hinzuzufügen, dass sie nur wenige haben, unerforscht uns Werte:

  • fest, Nut, Grat, Doppel - line Rahmen sind solide, verbeult, prall und Doppel sind.
  • Einschub - Packung vollständig gedrückt.
  • Anfang - Surround - Ansicht des Blocks.
  • keine - keine Linien.

Aus dem Vorstehenden kann man davon ausgehen, dass der Block-Stil wie folgt sein:

.box {width: 200px; Höhe: 100px; margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 15px; padding: 5px; border-width-left: 1px; border-width-right: 0px; border-width-top: 0px; border-width-bottom: 5px; border-color: # 202020; border-style: solid}

Die Formatierung und Pseudo-Pseudo

Zu dieser Kategorie gehören die Elemente Web-Seiten, die mit den üblichen Elementen zuzuschreiben sind schwierig. Pseudo es - Links, First-Kind und lang (Sprache). Die CSS-2.0-Spezifikation, werden sie wie folgt beschrieben:

  • a: link - Merkmale der regelmäßigen Verbindungen.
  • a: active - aktiver Link Eigenschaften.
  • a: visited - Link Eigenschaften besucht.
  • a: Hover - Eigenschaften verknüpfen , wenn Sie mit der Maus auf sie schweben.
  • a: Fokus - die Eigenschaft Links mit Fokus
  • first-child - wählt das erste Element unter den folgenden.
  • lang - Elemente Formatierung über die Verwendung von Sprachen auf der Seite abhängig.

Das Cascading Style Sheet verwendet die gleichen Werte für die Formatierung von Referenzen als in normalen Text. In der Beschreibung der anderen in dem CSS pseudo-Symbol ihre Werte, um anzuzeigen, ">".

Durch Pseudo-Stile sind die Eigenschaften:

  • first-letter - formatiert die ersten Zeichen der ersten Zeile.
  • First-Line - ist ein eigenes Format erste Zeile des Textblock zugewiesen.
  • nach - die Lage des Objekts nach dem aktuellen Element benennen.
  • vor - die Lage des Objekts auf das aktuelle Element benennen.