Beispielcode für die gemeinsame Nutzung von sechs sehr nützlichen Textstilen in CSS

Die vorherigen Wörter

Der CSS-Textstil ist eine Stiländerung relativ zum Inhalt. Denn in der Kaskadenbeziehung ist der Inhalt höher als der Hintergrund. Daher ist der Textstil relativ wichtiger. Manche Menschen verstehen den Unterschied zwischen Text und Schriftarten nicht ganz. Einfach ausgedrückt: Text ist Inhalt, und Schriftarten werden verwendet, um diesen Inhalt anzuzeigen. In diesem Artikel werden die textbezogenen Stile

Einrückung der ersten Zeile

Definition

Beim Einzug der ersten Zeile wird die erste Zeile eines Absatzes eingerückt, was ein üblicher Textformatierungseffekt ist. Im Allgemeinen stehen beim Schreiben von Chinesisch am Anfang zwei Leerzeichen, ähnlich wie folgt:

[Hinweis] Dieses Attribut kann ein negativer Wert sein

text-indent

Wert: |

Gilt für: Elemente auf Blockebene (. einschließlich Block und Inline-Block)

Vererbung: Ja

Prozentsatz: Relativ zur Breite des enthaltenden Blocks

Anwenden

[Hängender Einzug]

[Großbuchstaben]

cc63f4bc353e40a37c5f7c0e3788dac7

Wortabstand

Der Wortabstand bezieht sich auf den Wortabstand, der zum Festlegen von Text- oder Wortabständen verwendet wird zwischen. Tatsächlich stellt „Wort“ eine Zeichenfolge aus beliebigen Nicht-Leerzeichen dar, umgeben von einer Art Leerzeichen

[Hinweis] Wörter werden durch Leerzeichen getrennt, und der Abstand zwischen Wörtern = Wortabstand + Leerzeichengröße

[Hinweis] Wortabstand kann negativ sein

Wortabstand

Wert: | 🎜> Anfangswert: normal (Standard ist 0) Gilt für: alle Elemente

Vererbung: Ja

Buchstabenabstand

Der Buchstabenabstand bezieht sich auf den Zeichenabstand

[Hinweis] Der Buchstabenabstand kann negative Werte sein

letter-spacing

Wert: < ; Länge> |. inherit

Anfangswert: normal (Standard ist 0)

Gilt für: alle Elemente

Vererbung: Ja

Texttransformation

Die Textkonvertierung wird für die Umwandlung der englischen Groß-/Kleinschreibung verwendet

texttransformation

Wert: Großbuchstaben (alle Großbuchstaben) | Kleinbuchstaben (alle Kleinbuchstaben) |. none |. none |. initial value: none

Gilt für: all elements 🎜>

Textmodifikation

Definition

Textmodifikation wird verwendet, um dekorative Linien für Text bereitzustellen

[Hinweis] Die Farbe der Textdekorationszeile ist die gleiche wie die Textfarbe

Textdekoration

Wert: keine | |. line -through (underline)] |. inherit

Anfangswert: keine

Gilt für: alle Elemente

Vererbung: keine

Erben

Textdekorationseigenschaften können nicht vererbt werden, was bedeutet, dass alle dekorativen Linien im Text des untergeordneten Elements dieselbe Farbe wie das übergeordnete Element haben. Die Zierlinie im Text des untergeordneten Elements gehört eigentlich zum übergeordneten Element, sie „durchläuft“ es nur.

[Hinweis] Es kann mehrere nicht widersprüchliche Textänderungszeilen geben

Schließlich Einrücken der ersten Zeile (Textindex), Unter den Sechs Textstile mit horizontaler Ausrichtung (text-align), Wortabstand (word-spacing), Buchstabenabstand (letter-spacing), Texttransformation (text-transform) und Textdekoration (text-decoration). Die erste Zeile ist eingerückt (text-index) und die horizontale Ausrichtung (text-align) kann nur auf Elemente auf Blockebene angewendet werden (einschließlich Block und Inline-Block). Dies ist das Wichtigste, was Sie beachten sollten

Das obige ist der detaillierte Inhalt vonBeispielcode für die gemeinsame Nutzung von sechs sehr nützlichen Textstilen in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!