Heim > Web-Frontend > Front-End-Fragen und Antworten > Welche Eigenschaften hat CSS, um Schriftarten zu ändern?

Welche Eigenschaften hat CSS, um Schriftarten zu ändern?

青灯夜游
Freigeben: 2021-07-07 16:02:45
Original
4324 Leute haben es durchsucht

css ändert Schriftartattribute: Schriftart, Schriftfamilie, Schriftgröße, Schriftstil, Schriftvariante, Schriftstärke, „@font-face“, Schriftgrößenanpassung, Schriftstreckung usw.

Welche Eigenschaften hat CSS, um Schriftarten zu ändern?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.

css Schriftarteigenschaften ändern

FONT-STRETCHColor Die Eigenschaft „font-style“ gibt den Schriftstil des Textes an. Beschreibung
Eigenschaft Beschreibung
Schriftart Alle Schriftarteigenschaften in einer Anweisung festlegen
Schriftfamilie Vorgaben Schriftfamilie für Text
font-size Gibt die Schriftgröße des Textes an
font-style Gibt den Schriftstil des Textes an
font-variant Gibt den Schriftstil des Textes an
font -weight: Gibt die Stärke der Schriftart an Aspektwerte für Elemente
Verkleinern oder strecken Sie die aktuelle Schriftfamilie
Stellen Sie die Farbe des Schrifttext-
Font-Stils fest:
Wert

normaler

Standardwert. Der Browser zeigt einen Standardschriftstil an.

italicobliquefont-variant-Eigenschaft legt die Schriftart für die Anzeige von Text in Kapitälchen fest, was bedeutet, dass alle Kleinbuchstaben in Großbuchstaben umgewandelt werden, alle Buchstaben mit Kapitälchen jedoch Die Schriftgröße ist kleiner als der Rest des Textes. Beschreibung
Der Browser zeigt einen kursiven Schriftstil an.
Der Browser zeigt einen schrägen Schriftstil an.
font-variant-Eigenschaft: Die
Wert

normaler

Standardwert. Der Browser zeigt eine Standardschriftart an.

Kapitälchenfont-weight-Attribut legt die Textstärke fest Beschreibung
Der Browser zeigt Kapitälchen-Schriftarten an.
font-weight-Attribut:
Wert

normaler

Standardwert. Definiert Standardzeichen.

boldbolderleichter300600Beschreibung
Definieren Sie fette Zeichen.
Definieren Sie mutigere Zeichen.
Definieren Sie feinere Zeichen.
100 200
400 500
700
  • 800
  • 900
  • Definieren Sie Zeichen von dünn bis dick. 400 entspricht „normal“ und 700 entspricht „fett“.
  • color-Attribut: Das
  • Color-Attribut gibt die Farbe des Textes an.
Wert

Der Name der Farbe

Der Name der Farbe, z. B. Rot, Blau, Braun, Hellseegrün usw., unterscheidet nicht zwischen Groß- und Kleinschreibung. HEXHex-Symbole #RRGGBB und #RGB (wie #ff0000). „#“, gefolgt von 6 oder 3 Hexadezimalzeichen (0-9, A-F). RGB, Rot-Grün-Blau (RGB) gibt an, dass der Farbwert die Farbe des RGB-Codes ist, das Funktionsformat RGB(R,G,B) ist und der Wert An sein kann Ganzzahl oder Prozentsatz von 0-255. RGBA, Rot-Grün-Blau-Alpha (RGBa) RGBa erweitert den RGB-Farbmodus um einen Alphakanal, wodurch die Transparenz einer Farbe eingestellt werden kann. a steht für Transparenz: 0=transparent; 1=undurchsichtig. HSL, Farbton-Sättigung-Helligkeit (Hue-Saturation-Lightness) Hue (Hue) stellt einen Winkel des Farbkreises dar (d. h. einen Ring, der einen Regenbogen darstellt). Sättigung und Helligkeit werden in Prozent ausgedrückt. HSLA, Hue-Saturation-Lightness-Alpha (HSLa)
100 % ist volle Sättigung, während 0 % eine Graustufe ist. 100 % Helligkeit ist weiß, 0 % Helligkeit ist schwarz und 50 % Helligkeit ist „normal“.
HSLa geht vom HSL-Farbmodus aus und beinhaltet einen Alpha-Kanal, der die Transparenz einer Farbe festlegen kann. a steht für Transparenz: 0=transparent; 1=undurchsichtig.

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWelche Eigenschaften hat CSS, um Schriftarten zu ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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