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

Das MySQL-Passwort enthält Sonderzeichen und den Anmeldevorgang über die Befehlszeile

In CSS häufig verwendete Schriftstile zum Festlegen verschiedener Schriftartänderungen (Beispiel mit ausführlicher Erläuterung)

Das MySQL-Passwort enthält Sonderzeichen und den Anmeldevorgang über die Befehlszeile

Das Prinzip und die Implementierung des JS-Drag-Effekts

Skin-Change-Lösung basierend auf Vue kombiniert mit ElementUI

Detaillierte Erklärung zur Überwachung von MySQL-Anweisungen

So zeigen Sie ein kleines Symbol vor der Browser-URL an

Beispiel für die Anzeige von Bildjalousien mit reinem CSS

Detaillierte Erklärung der Desktop-Anwendung mit Vue3 und Electron

So verteilen Sie mit CSS zwei Schaltflächen auf der linken und rechten Seite desselben übergeordneten Tags

CSS3-Randeffekte

Prinzip der Ereignisdelegierung in JavaScript

Artikel empfehlen

Implementierung des Hochladens großer Dateien und des durch Haltepunkte fortsetzbaren Hochladens in Vue

Detailliertes Tutorial zur Installation von MySQL unter Linux

Zusammenfassung der Verwendung von Linux-SFTP-Befehlen

Detaillierte Erläuterung des Svelte-Implementierungsprinzips für eine einfache und unkomplizierte JavaScript-Entwicklung

Gutes Website-Copywriting und gute Benutzererfahrung

Details zur Vue-Vorlagenkompilierung

So erweitern Sie den Speicherplatz eines Linux-Servers

Der Unterschied zwischen MySQL count(1), count(*) und count(field)

Gründe und Lösungen für das Scheitern dynamisch hinzugefügter Routing-Seiten in Vue beim Aktualisieren

Der Prozess der Einrichtung einer Umgebung für Integrationstests mit Remote-Docker

Docker-Installation Tomcat Dubbo-Admin-Instanz-Kenntnisse

So implementieren Sie Hot Deployment und Hot Start in Eclipse/Tomcat

Nofollow sorgt dafür, dass die Links in Kommentaren und Nachrichten wirklich funktionieren

Detaillierte Erklärung der Eigenschaften und Funktionen von Vuex

Lösen Sie das Problem beim Zurücksetzen des Kennworts für das Mysql-Root-Benutzerkonto