In CSS häufig verwendete Schriftstile zum Festlegen verschiedener Schriftartänderungen (Beispiel mit ausführlicher Erläuterung)
|
CSS-Schrifteigenschaften definieren die Schriftfamilie, Größe, Fettschrift, Stil (z. B. Kursivschrift) und Variante (z. B. Kapitälchen) des Textes. Die Schriftfamilie steuert die Schriftart. Da die auf jedem Computersystem installierten Schriftarten unterschiedlich sind, sind die drei grundlegenden Schriftarten Heiti, Songti und Microsoft YaHei. Die Schriftfamilie wird normalerweise folgendermaßen geschrieben: „Heiti“, „Songti“, „Microsoft YaHei“ Font-size steuert die Schriftgröße. Wir legen die Schriftgröße fest, indem wir ihre Breite festlegen. Die Höhe beträgt auf Computersystemen standardmäßig im Allgemeinen 16px, daher sollte die Schriftgröße nicht kleiner als 16px sein, 1em=16px; font-weight: bold;/*Die Schriftstärke beträgt im Allgemeinen 100-900, häufig werden leichter, normal und fett verwendet*/Was den Schriftstil betrifft, ist der Standardwert normal, was normal bedeutet. Wenn Sie font-style: italic; festlegen, hat dies denselben Effekt wie <em></em>; Wenn die für den Abstand zwischen Wörtern verwendete Zeilenhöhe der Höhe entspricht, wird vertikal zentriert. Normalerweise lautet die Abkürzung für Schriftart: Schriftart: Stil Gewicht Größe/Zeilenhöhe Schriftfamilie /*Die beiden erforderlichen sind Größe und Schriftfamilie*/
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
<title>Mehrere Transformationen häufig verwendeter CSS-Schriftstile</title>
<Stil>
div{
Schriftfamilie: „Microsoft YaHei“;/*Microsoft YaHei*/
/* Schriftfamilie: „Lucida Sans“, „Lucida Sans Regular“, „Lucida Grande“, „Lucida Sans Unicode“, Geneva, Verdana, serifenlos; */
/*Fügen Sie der Schriftart doppelte oder einfache Anführungszeichen hinzu. Wenn mehrere Schriftarten vorhanden sind, trennen Sie diese durch Kommas.*/
Farbe: #f90;
font-size: 24px;/*Schriftgröße steuern*/
font-weight: bold;/*Schriftstärke steuern: lighter (leicht), normal (normal), fett*/
Schriftstil: kursiv;/*dasselbe wie em*/
Zeilenhöhe: 30px;
}
/*Schriftart Schriftartabkürzung: Schriftart: Stil Stärke Größe/Zeilenhöhe Schriftfamilie*/
/*Die beiden erforderlichen sind size font-family*/
P{
Schriftart: 24px/1,5em „Lucida Sans“, „Lucida Sans Regular“, „Lucida Grande“, „Lucida Sans Unicode“, Geneva, Verdana, serifenlos;
letter-spacing: 1px;/*Englischer Buchstabenabstand*/
Wortabstand: 10px;/*Englischer Wortabstand*/
}
P::erster-Buchstabe{
Texttransformation: Großschreiben;
}/*Erster Buchstabe::erster-Buchstabe*/
p::erste-Zeile{
Farbe: rot;
}/*Erste Zeile::erste-Zeile*/
</Stil>
</Kopf>
<Text>
<div>Technologie ist König in dieser Welt. Wenn Sie wissen möchten, ob die Aussicht vom Gipfel des Qingtian-Bergs die beste ist, müssen Sie fragen. Technologie ...
Wenn Sie wissen möchten, ob die Aussicht vom Gipfel des Qingtian-Bergs die beste ist, in einer Welt, in der Technologie König ist, Wenn Sie wissen möchten, ob die Aussicht vom Gipfel des Qingtian-Bergs die beste ist, in einer Welt, in der Technologie König ist, Wenn Sie wissen möchten, ob die Aussicht vom Gipfel des Qingtian-Bergs die beste ist, in einer Welt, in der Technologie König ist,
Ich möchte fragen, ob die Aussicht vom Gipfel des Qingtian-Bergs die beste ist. In einer Welt, in der Technologie König ist, möchte ich fragen, ob die Aussicht vom Gipfel des Qingtian-Bergs die beste ist.</div>
<p>Technologie ist König der Welt. Ich möchte fragen, ob die Landschaft auf dem Gipfel des Qingtian-Bergs der König der Technologie ist.
Ich möchte fragen, ob die Landschaft des Qingtian Peak der König der Technologie ist. Wenn die Technologie der König der Welt ist,
Ich möchte fragen, ob die Landschaft auf dem Gipfel des Qingtian-Berges die Königslandschaft der Welt ist. Ist die Landschaft schön?</p>
</body>
</html>Zusammenfassen Oben sind die verschiedenen Änderungen der Schrifteinstellungen in den häufig verwendeten CSS-Stilen aufgeführt, die vom Editor eingeführt wurden. Ich hoffe, dass dies für alle hilfreich sein wird. Vielen Dank für Ihre Unterstützung der Website 123WORDPRESS.COM! |
<<: Erstellen von Befehlszeilen-Anwendungen mit JavaScript
>>: 3 verschiedene Möglichkeiten zum Löschen der Optionsoptionen im Auswahltag
Artikel empfehlen
Detaillierte Installationshistorie von Ubuntu 20.04 LTS
In diesem Artikel wird die Erstellung einer USB-S...
So implementieren Sie eine geplante Sicherung von MySQL unter Linux
In tatsächlichen Projekten muss die Datenbank reg...
So testen Sie die maximale Anzahl von TCP-Verbindungen in Linux
Vorwort Es besteht ein Missverständnis bezüglich ...
So prüfen Sie, ob ein Port in LINUX belegt ist
Ich konnte nie herausfinden, ob der Port belegt i...
Detailliertes Tutorial zur Installation von Prometheus mit Docker
Inhaltsverzeichnis 1. Node Exporter installieren ...
Es wird nicht empfohlen, den Inhalt in Word direkt in den Editor auf der Website zu kopieren.
<br />Frage: Warum ist es nicht empfehlenswe...
Implementierungsmethode der rekursiven MySQL-Baumabfrage
Vorwort Bei baumstrukturierten Daten in der Daten...
Analyse und Lösung des Grundes, warum das Frameset-Tag in HTML nicht normal angezeigt werden kann
<frameset></frameset> ist jedem bekann...
Super ausführliches Tutorial zur Implementierung der TabBar untere Navigationsleiste in Vue
Inhaltsverzeichnis Projekteinführung: Projektverz...
Hinweise zur Adresszuordnung von Gerätetreibern im Linux-Kernel
#include <asm/io.h> #define ioremap(Cookie,...
Lösung, wenn Docker plötzlich vom externen Netzwerk nicht mehr erreichbar ist
Nach den Methoden der Meister wurde die Ursache g...
Verwendung des Linux-Dateibefehls
1. Befehlseinführung Der Dateibefehl wird verwend...
Was tun, wenn Sie das ursprüngliche Passwort für MySQL auf dem MAC vergessen?
Die Methode zur Lösung des Problems, das anfängli...
Implementierung der Funktion zum Speichern von Screenshots aus HTML in PDF
Technologie nutzen itext.jar: Konvertiert den Byt...
JavaScript-Plugin-Kapselung für Tabellenwechsel
In diesem Artikel wird der Kapselungscode von Jav...