Heim > Web-Frontend > CSS-Tutorial > Erfahren Sie, wie Sie mit CSS den Anzeigestil von Webfonts_Experience Exchange steuern

Erfahren Sie, wie Sie mit CSS den Anzeigestil von Webfonts_Experience Exchange steuern

WBOY
Freigeben: 2016-05-16 12:08:46
Original
1804 Leute haben es durchsucht

HTML hat nur drei Einstellungen für content-Tags: , während CSS drei Einstellungen für content hat. Erweiterte Spezifikationen ermöglichen Wir wünschen Ihnen detailliertere Einstellungen für Schriftarten. Für Schriftarteinstellungen: Schriftartfamilie: Schriftartname 1, Schriftartname 3, Schriftartname 3 usw. Zeigt die Priorität der Schriftart an. Wenn die Schriftart auf dem Computer installiert ist, wird sie in dieser Schriftart angezeigt. Wenn die von Ihnen festgelegte Schriftart nicht auf dem Computer des Clients installiert ist, wird die Standardschriftart des Browsers angezeigt: Schriftgröße:18pt|120%|xx-small|s-small|small|medium|large|x-large|xx-. groß

Es gibt grundsätzlich zwei Möglichkeiten, die Schriftgröße zu definieren:

1. Absolut
Wie zum Beispiel: pt;in Diese Größen sind fest und ändern sich aufgrund der Auflösung nicht.

2. Relativ
Zum Beispiel: px;em;% Diese ändern sich mit der Auflösung und der aktuellen Schriftgröße...

font -style:normal|italic|oblique
Kursiv
Schriftstärke:normal|fett|leichter|fetter|100-900
Schriftstärke
Schriftvariante:normal|Kapitälchen
Konvertieren Sie englische Kleinbuchstaben in Großbuchstaben mit kleinerer Schriftgröße

In Bezug auf die Anwendung des oben Gesagten können Sie jede Methode von [CSS-Einfügung] verwenden.
Zum Beispiel:

Das Folgende ist ein Zitatfragment:
<html>
< head>
<title></title>
<style>
span {font-size:20pt;
font-color:purple;
font-variant:small=caps; 🎜>}
</style>
</head>
<body> /body>
</html>


Die auf diese Weise angezeigte Schriftart wird sein 20pt-Größe, Lila und englische Kleinbuchstaben werden in kleinere Großbuchstaben umgewandelt. Oder Sie können es so festlegen:

Das Folgende ist ein Zitatfragment:
<html>
<head>
<title></title>
</head> <body> 
<span style="font-size:20pt;font-color:purple;font-variant:small-caps">Dhtml&Asp</span> 
</body> 
</html >
Die so angezeigte Schriftart hat ebenfalls eine Größe von 20pt, ist lila und englische Kleinbuchstaben werden in kleinere Großbuchstaben umgewandelt.

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