Sammlung gemeinsamer DIV-Attribute

Farbe: #999999 Textfarbe
Schriftfamilie: Songti-Schriftart
Schriftgröße: 10pt Textgröße
Schriftstil: kursiver Text kursiv
font-variant:small-caps Kleine Schriftart
Buchstabenabstand: 1pt
line-height : 200% Stellen Sie die Zeilenhöhe ein
font-weight:bold Text fett
vertikale Ausrichtung:sub Index
vertikale Ausrichtung: hochgestellt
text-decoration:line-through add?h um die Zeile zu entfernen
Textdekoration: Überstreichung
text-decoration:underline Unterstreichung hinzufügen
text-decoration:none ?h außer der verbindenden unteren Zeile
Texttransformation: Großschreiben
Texttransformation: englische Großschreibung
Texttransformation: Englische Kleinbuchstaben
Textausrichtung: rechtsbündig Text*rechtsbündig
text-align:left Text*linksbündig
text-align:center Text wird zentriert. Dies sind einige einfache Texteffekte, die auf CSS-Seiten angewendet werden können.
Hintergrund
Hintergrundfarbe: schwarze Hintergrundfarbe
Hintergrundbild: URL (Bild/bg.gif) Hintergrundbild
Hintergrundanhang: fester fester Hintergrund
background-repeat: Wiederholen Wiederholen Sie die Anordnung der Webseitenvorgaben
background-repeat : no-repeat Nicht wiederholen
background-repeat : repeat-x wiederholt auf der x-Achse
background-repeat : repeat-y wiederholt auf der y-Achse
background-position : 90% 90% Die x- und y-Position des Hintergrundbildes ist verknüpft
A Alle Hyperlinks
A:link Hyperlink-Textformat
A: Textformat für besuchte Links
A:active Drücken Sie das verbundene Format
A: Bewegen Sie die Maus über den Verbindungsrand
border-top: 1px durchgehend schwarzer oberer Rahmen
Rahmen unten: 1px durchgehend #6699cc unterer Rahmen
Rahmen links: 1px durchgehend #6699cc linker Rahmen
Rahmen rechts: 1px durchgehend #6699cc rechter Rahmen
Rand: 1px durchgezogen #6699cc vier gestrichelte Randlinien
<TEXTAREA STYLE="border:1px gestrichelt rosa">
Durchgezogene Linie
<TEXTAREA STYLE="border:1px durchgehend rosa">
Stellen Sie die Höhe des Div einfach auf die gleiche Höhe wie die Zeilenhöhe des Textes ein, d. h. die Werte für Zeilenhöhe und Höhe sind identisch, und geben Sie dem Div schließlich einen Überlauf: versteckt, um den überschüssigen Teil auszublenden.

1. Höhe: Legen Sie die Höhe des DIV fest. Breite: Legen Sie die Breite des DIV fest.
2. Rand: Wird verwendet, um den äußeren Rand des DIV festzulegen, d. h. den Abstand zum übergeordneten Container. Rand: gefolgt von vier Abständen, die den Abstand zum oberen, rechten, unteren und linken Rand des übergeordneten Containers angeben; Rand: [oben][rechts][unten][links]
Sie können sie separat festlegen: margin-left: der Abstand zum linken Rand des übergeordneten Containers; margin-right: der Abstand zum rechten Rand des übergeordneten Containers; margin-top: der Abstand zum oberen Rand des übergeordneten Containers; margin-bottom: der Abstand zum unteren Rand des übergeordneten Containers.
3. Polsterung: wird verwendet, um den inneren Rand von DIV festzulegen (z. B. den Abstand zwischen den untergeordneten Elementen und dem DIV-Rand). Auf padding: folgen vier Abstände, nämlich der Abstand zum oberen, rechten, unteren und linken Rand des übergeordneten Containers; margin: [top][right][bottom][left]: Es ist zu beachten, dass der durch padding festgelegte Abstand nicht in die Breite und Höhe des DIV selbst einfließt (in IE7 und FF). Wenn beispielsweise die Breite eines DIV auf 100px und padding-left auf 50px eingestellt ist, wird das DIV auf der Seite mit einer Breite von 150px angezeigt.
4. Rahmen: Legen Sie den Rahmenstil des DIV fest. Anzeige: Legen Sie die Anzeigeeigenschaften fest. Seine Werte umfassen Block und Keine; Float: Legt die Flussrichtung von DIV auf der Seite fest. Seine Werte umfassen Left (links anzeigen), Right (rechts anzeigen) und Keine;
Hintergrund: Legen Sie den Hintergrundstil des DIV fest. Auf den Hintergrund können direkt Hintergrundfarbe, Hintergrundbild, Kachelmethode und andere Stile folgen. Sie können diese auch mithilfe der folgenden Eigenschaften einzeln festlegen.
Hintergrundfarbe: Legen Sie die Hintergrundfarbe fest. Hintergrundanhang: Die Art und Weise, wie das Hintergrundbild angehängt wird. Seine Werte sind „Scroll“ und „Fest“. Hintergrundbild: Geben Sie das zu verwendende Hintergrundbild an. Hintergrundwiederholung: Die Art und Weise, wie das Hintergrundbild gekachelt wird. Zu seinen Werten gehören „no-repeat“ (keine Kachelung), „repeat“ (Kachelung in beide Richtungen), „repeat-x“ (Kachelung in horizontaler Richtung) und „repeat-y“ (Kachelung in vertikaler Richtung); „background-position“: Lokalisieren Sie die Hintergrundposition in DIV. Seine Werte können verschiedene Kombinationen von oben, unten, links und rechts sein. Sie können einen bestimmten Standort auch über Koordinaten angeben.
5. Position: Legen Sie die Positionierungsmethode von DIV fest. Zu den Eigenschaften der Position gehören statisch, fest, relativ und absolut. Relativ und absolut werden häufig verwendet. Wenn „statisch“ angegeben ist, befolgt DIV die HTML-Regeln. Wenn „relativ“ angegeben ist, können oben, links, rechts und unten verwendet werden, um den Versatz von DIV auf der Seite festzulegen (relativ zu seinem eigenen Versatz). Ebenen können zu diesem Zeitpunkt jedoch nicht verwendet werden. Wenn „absolut“ angegeben ist, können oben, links, rechts und unten verwendet werden, um DIV absolut zu positionieren (relativ zu seinem nächsten übergeordneten Element). Wenn „fest“ angegeben ist, ist die Position von DIV relativ zum Bildschirm in IE7 und FF fest und hat in IE6 (aus irgendeinem Grund) keine Auswirkung.
6. Schriftart: Gibt den Stil des Textes im DIV an, dem mehrere Textstile folgen können. font-family: legt den Namen der zu verwendenden Schriftart fest; font-weight: gibt die Dicke des Textes an, seine Werte umfassen fett, fetter, dünner usw.; font-size: gibt die Größe des Textes an; font-style: gibt den Textstil an, seine Werte umfassen kursiv, normal, schräg usw.; color: gibt die Textfarbe an; text-align: gibt die horizontale Ausrichtung des Textes an, seine Werte umfassen zentriert, links, rechts, Blocksatz; text-decorator: wird zur Textdekoration verwendet; seine Werte umfassen eine Kombination aus „none“, „underline“, „overline“, „line-through“ und „blink“; text-indent: legt die Einrückung des Textes fest; text-transform: legt die Groß-/Kleinschreibung des Textes fest. Seine Werte sind Kleinbuchstaben, Großbuchstaben (erster Buchstabe groß), keine; Richtung: die Richtung des Inhaltsflusses. Zu seinen Werten gehören ltr (von links nach rechts) und rtl (von rechts nach links); line-height: gibt die Zeilenhöhe des Textes an; word-spacing: Wortabstand.
7. Überlauf: Inhaltsüberlaufsteuerung, deren Werte Scrollen (Bildlaufleiste immer anzeigen), Sichtbar (keine Bildlaufleiste, aber der überschreitende Teil ist sichtbar), Auto (Bildlaufleiste anzeigen, wenn Inhalt überschritten wird), Ausgeblendet (Inhalt ausblenden, wenn er überschritten wird).