HTML5 - Arbeiten mit Schriftarten - Teil2

Schriftarten, wie wir sie in Teil 1 dieses Tutorials gesehen haben, sind eine sehr subtile und effektive Möglichkeit, die Art einer Seite zu ändern HTML Sie sehen, wir wissen bereits, wie man das Attribut ein bisschen verwendet Schriftart, jetzt sehen wir die erweiterten Eigenschaften, um unsere Dokumente weiter anzupassen.
Arbeiten mit Schriftgröße
Um mit der Größe der Schriften zu arbeiten, erlaubt uns CSS eine Reihe von Eigenschaften und Attributen, mit denen wir die gewünschten Effekte bei unserer Suche nach der Anpassung unserer Dokumente erzielen können.
Die folgenden Attribute ermöglichen es uns, die Größenänderung zu erreichen.
xx-klein x-klein klein mittel groß x-groß xx-groß: CWenn Sie die Größe der Schriftart einstellen, ist der Browser dafür verantwortlich, die genaue Größe der Schriftarten festzulegen, während die Liste der Optionen fortschreitet, wird der Buchstabe des Textblocks, auf den die Eigenschaft angewendet wird, größer. .
kleiner größer: Es legt die Größe der Schriftart fest, die erhaltene Größe ist relativ zum übergeordneten Element.
Sehen wir uns nun im Code ein Beispiel für die Anwendung dieses neuen Wissens an:

 Beispiel
Es gibt viele verschiedene Obstsorten – allein von Bananen gibt es über 500 Sorten. Wenn wir die unzähligen Apfel-, Orangen- und anderen bekannten Obstsorten hinzufügen, stehen wir vor Tausenden von Möglichkeiten.

In diesem Code verwenden wir die beiden Arten von Attributen, die mit der ID identifiziert werden erste nimmt eine feste Größe und den Bezeichner mit der ID an zweite wird im Vergleich zum übergeordneten Container eine größere Größe annehmen, sehen wir uns an, wie es im Browser aussieht.

Stil und Gewicht festlegen
Die Stärke der Schrift entspricht der Stärke der Linie, die den Buchstaben definiert, dies kann mit der Eigenschaft geändert werden SchriftstärkeAndererseits erlaubt uns der Stil, zwischen normalem Text, kursiv oder auch schräg zu wählen, mal sehen, wie wir dies in einem Code verwenden, damit wir direkt in die Praxis gehen können.

 Beispiel
Es gibt viele verschiedene Obstsorten – allein von Bananen gibt es über 500 Sorten. Wenn wir die unzähligen Apfel-, Orangen- und anderen bekannten Obstsorten hinzufügen, stehen wir vor Tausenden von Möglichkeiten.

Sehen wir uns nun an, wie das in unserem Browser aussieht.

Im Code haben wir einen Abschnitt kursiv und einen anderen fett oder fett geschrieben. Es gibt einen Unterschied zwischen kursiv und schräg, aber auf visueller Ebene ist er im Moment vernachlässigbar, wir können diesen Unterschied auch belassen untersucht werden, und so ist der Inhalt dieses Tutorials frisch im Gedächtnis.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben