Heim > Web-Frontend > CSS-Tutorial > Wie ändere ich Text mit CSS? 9 CSS-Eigenschaften zum Ändern des Textstils (Zusammenfassung)

Wie ändere ich Text mit CSS? 9 CSS-Eigenschaften zum Ändern des Textstils (Zusammenfassung)

青灯夜游
Freigeben: 2018-10-13 15:41:36
Original
12409 Leute haben es durchsucht

Wie ändere ich Text mit CSS? Dieser Artikel fasst einige Methoden zum Ändern von Text mit CSS zusammen, stellt einige Attribute von CSS-modifiziertem Text vor und informiert Sie über die 9 Attribute von CSS-modifiziertem Text. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

1. CSS-Einstellung Textfarbe Attribut

Farbattribut: Legen Sie die Textfarbe fest. Die Verwendung ist wie folgt:

color:颜色值;
Nach dem Login kopieren

Zu den zulässigen Farbwerten, die durch das Farbattribut festgelegt werden können, gehören: hexadezimaler Farbwert (Beispiel: #ffffff), RGB-Farbwert [Beispiel: rgb(0,0, 0)], RGBA-Farbwert [Beispiel: RGB(0,0,0,0,5), 0,5 steht für Transparenz], HSL-Farbwert [Beispiel: HSL(120,65%,75%)], HSLA-Farbwert [HSL( 120,65 %,75 %,0,3), 0,3 steht für Transparenz].

2. CSS-Attribut Textzeilenhöhe (Zeilenabstand)

Zeilenhöhenattribut: Legen Sie den Abstand zwischen Zeilen (Zeilenhöhe) fest. Die Verwendung ist wie folgt:

line-height:值;
Nach dem Login kopieren

Das CSS-Zeilenhöhenattribut dient insbesondere dazu, den Zeilenabstand von Text festzulegen. Sie können sich auf den vorherigen Artikel beziehen [ So legen Sie den Zeilenabstand in CSS fest ? Zeilenabstandseinstellungen für CSS-Text ], ich hoffe, es wird für alle hilfreich sein.

3. CSS-Einstellungen Horizontale Textausrichtung -Attribut

text-align-Attribut: Legt die horizontale Ausrichtung des Texttexts im Element fest. Die Verwendung ist wie folgt:

text-align: left || right || center || justify ;
Nach dem Login kopieren

left: Legt fest, dass der Text linksbündig ausgerichtet wird. Standard: Wird vom Browser bestimmt.

rechts: Stellen Sie den Text so ein, dass er rechtsbündig ausgerichtet ist.

Mitte: Legen Sie fest, dass der Text in der Mitte ausgerichtet werden soll.

justify: Um den Effekt zu erzielen, dass der Text an beiden Enden ausgerichtet wird.

4. CSS Texteinzug Attribut

Texteinzugsattribut: Texteinzug festlegen.

Ausführliche Informationen dazu, wie das css text-indent-Attribut die Texteinrückung festlegt, finden Sie unter [Wie erzielt man den Effekt der Einrückung der ersten Zeile in CSS? Das text-indent-Attribut implementiert den Einzug der ersten Zeile ].

5. Legen Sie den Textdekorationseffekt

Textdekorationsattribut fest: Definieren Sie die dem Text hinzugefügte Dekoration.

Beschreibung:

Mit diesem Attribut können Sie bestimmte Effekte auf Text festlegen, z. B. Unterstreichungen. Wenn das Nachkommenelement keine eigenen Dekorationen hat, „erweitern“ sich die auf dem Vorgängerelement festgelegten Dekorationen auf die Nachkommenelemente.

Verwendung:

text-indent:none ||  [underline(下划线) || overline(上划线) || line-through(中划线)] || blink ;
Nach dem Login kopieren

keine: Standardwert, der Standardtext definiert.

Unterstreichung: Definieren Sie eine Zeile unter dem Text.

Überstreichung: Definieren Sie eine Zeile im Text.

durchgehende Linie: Definieren Sie eine Linie, die unter dem Text verläuft.

blinken: Definieren Sie blinkenden Text.

6.

Groß-/Kleinschreibung von Textzeichen Transformationsattribut

Texttransformationsattribut: Steuern Sie die Groß-/Kleinschreibung von Textzeichen.

Verwendung:


text-transform:uppercase(全大写) || lowercase(全小写) || capitalize(首字母大写) || none ;
Nach dem Login kopieren
Sie können sich auf den Artikel beziehen [

Wie stelle ich die Groß- und Kleinschreibung von Buchstaben in CSS ein?“ Das Texttransformationsattribut legt die Großschreibung von Buchstaben ] fest, die ausführlich beschrieben wird.

7.

Texttextabstand -Attribut

Wortabstandsattribut: Legen Sie den Abstand zwischen Text oder Wörtern fest, der Abstand zwischen Wörtern = Wortabstand + Leerzeichen Größe.

letter-spacing-Attribut: Legen Sie den Abstand zwischen Buchstaben fest.

Sie können sich auf den Artikel [

Wie stelle ich den Textabstand in CSS ein?“ beziehen. Ein einfacher Vergleich des Wortabstandsattributs und des Buchstabenabstandsattributs ], der vorstellt, wie das Wortabstandsattribut und das Buchstabenabstandsattribut den Textabstand festlegen und welche Unterschiede es gibt.

8.

Attribute des Textschattens

Textschattenattribut: Schatten auf Text setzen

So erzielen Sie einen Textschatteneffekt, den jeder lesen kann der Artikel [

Wie füge ich einen Textschatteneffekt in CSS3 hinzu? text-shadow legt den Textschatteneffekt fest ] Erfahren Sie mehr.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird. Weitere verwandte Tutorials finden Sie unter

CSS-Basis-Video-Tutorial , CSS3-Video-Tutorial , Bootstrap-Tutorial !

Das obige ist der detaillierte Inhalt vonWie ändere ich Text mit CSS? 9 CSS-Eigenschaften zum Ändern des Textstils (Zusammenfassung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage