Heim > Web-Frontend > HTML-Tutorial > So ändern Sie die Schriftfarbe in HTML

So ändern Sie die Schriftfarbe in HTML

醉折花枝作酒筹
Freigeben: 2021-04-14 09:35:11
Original
10771 Leute haben es durchsucht

Methode: 1. Verwenden Sie das Style-Attribut im HTML-Tag mit der Syntax „“ 2. Schreiben Sie den Stil von „color:color“ in das Style-Tag; 3. Schriftart verwenden Legen Sie das Farbattribut des Etiketts fest. Die Syntax lautet „.

So ändern Sie die Schriftfarbe in HTML

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

HTML wird hauptsächlich zum Schreiben von Seitenlayouts verwendet. Dabei ist es häufig erforderlich, die Farbe bestimmter Schriftarten auf der Seite festzulegen. Es gibt normalerweise drei gängige Möglichkeiten, Einstellungen anzupassen:

1 . Sie können dem Head-Tag einen Stil hinzufügen und class="den im obigen Stil definierten Namen, z. B. blau" zu anderen Tags im Körper hinzufügen, z. B. h1, p, div usw., um Tags zu starten. Der Code ist wie folgt implementiert:

So ändern Sie die Schriftfarbe in HTML

2. Durch interne CSS-Stile festlegen. In anderen Tags im Textkörper, wie z. B. h1, p, div und anderen Start-Tags, fügen Sie einfach style="color:white;font-size:25px;" hinzu. Der Code wird wie folgt implementiert:

So ändern Sie die Schriftfarbe in HTML

3. Durch das Font-Tag festlegen. Fügen Sie in anderen Tag-Inhalten im Textkörper das Schriftart-Tag hinzu, um die Schriftfarbe und -größe festzulegen, z. B. color="gelb" size="5". Es ist zu beachten, dass der maximale Wert für die Größe 7 beträgt und die Schriftfarbe und -größe mithilfe des Gleichheitszeichens zugewiesen werden. Die ersten beiden CSS-Stile werden mithilfe englischer Doppelpunkte zugewiesen. Der Code ist wie folgt implementiert:

So ändern Sie die Schriftfarbe in HTML

Erweiterte Informationen

Es gibt drei gängige Einheiten zum Definieren der Schriftgröße auf HTML-Webseiten, nämlich: px, em und pt.

1. Px ist die Abkürzung für Pixel, eine auf Pixel basierende Einheit. Beim Surfen im Internet ändern sich der Text, die Bilder usw. auf dem Bildschirm mit der Auflösung des Bildschirms hat eine Auflösung von 800×600. Bei 1024×768 nimmt es 1/8 der Bildschirmbreite ein, bei 1024×768 jedoch nur etwa 1/10. Wenn daher bei der Definition der Schriftgröße px als Einheit verwendet wird, wird der tatsächlich vom Benutzer angezeigte Text „kleiner“ (natürliche Längeneinheit) und möglicherweise sogar unklar, sobald der Benutzer die Anzeigeauflösung von 800 auf 1024 ändert , was sich auf Durchsuchen auswirkt.

2. Em ist %, was eine relative Einheit und eine relative Längeneinheit ist. Es bezieht sich ursprünglich auf die Breite des Buchstabens M, daher der Name em. Jetzt bezieht es sich auf das Vielfache der Zeichenbreite und seine Verwendung ähnelt einem Prozentsatz, wie zum Beispiel: 0,8em, 1,2em, 2em usw. Normalerweise 1em=16px. , eine universelle Einheit, die im Allgemeinen zur Messung der Länge verwendet wird (z. B. die Ränder und der Abstand von Elementen). Bei der Angabe von Schriftgrößen bezieht sich die Einheit em auf die Schriftgröße des übergeordneten Elements.

3. pt ist die Abkürzung für Punkt (Pfund), eine feste Längenmaßeinheit mit einer Größe von 1/72 Zoll. Wenn Sie pt als Texteinheit im Web verwenden, ist die Schriftgröße auf verschiedenen Bildschirmen gleich (gleiche Auflösung), was sich möglicherweise auf den Schriftsatz auswirkt, aber es ist sehr praktisch, pt in Word zu verwenden. Denn der Hauptzweck der Verwendung von Word ist nicht das Durchsuchen auf dem Bildschirm, sondern das Ausgeben und Drucken. Beim Drucken in eine Entität ist pt als natürliche Längeneinheit praktisch und praktisch: Beispielsweise verwenden normale Dokumente in Word „Song-Schriftart 9pt“, Titel verwenden „Helvetica 16pt“ usw. Ganz gleich, wie der Computer eingestellt ist, das wird der Fall sein immer so groß sein, wenn es gedruckt wird.

Empfohlenes Lernen: HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Schriftfarbe in HTML. 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