So ändern Sie die Farbe der alle fett formatierten Text in HTML

June 27

Web-Seiten geschrieben in Hyper-Text Markup Language (HTML) erhalten ihre Styling - Farben, Schriftarten und andere Design-Note - von Cascading Stylesheet (CSS)-Code. Ein Stylesheet verwenden, können Sie ändern, wie Browser bestimmte HTML-Tags angezeigt. Beispielsweise können Sie den Browser, um alle Text zwischen < strong > Tags rot sagen. Da < strong > Markierungen Text Fett in den meisten Browsern machen, wird die Farbe mit dem fett formatiertem Text auf Ihrer Website ändern. Wenn Ihre Website < b > Markierungen verwendet, um Fett zu machen, würde Sie stattdessen dieses Tags in CSS ausrichten.

Anweisungen

1 Erstellen Sie eine leere Datei innerhalb eines Code-editing-Programm und speichern Sie sie als eine CSS-Datei, wenn Ihre Website nicht bereits ein Stylesheet enthält. Öffnen Sie die Datei für jede Web-Seite in Ihrer Website in den Editor. Fügen Sie < Link >-Tags, in die CSS-Datei einzufügen:

< link Rel = "Stylesheet" Type = "Text/Css" href="path-to/your/stylesheet.css" / >

Wenn Ihre Seiten bereits ähnlichen Code enthalten, dann überspringen Sie diesen Schritt.

2 Öffnen Sie die CSS-Datei für Ihre Website und beginnen einer neuen Zeile am Ende des Dokuments. Fügen Sie den folgenden Code:

starke {Color: #ff0000;}

Dieser CSS-Code ändert jede Instanz des < strong > Tags in rot, so dass alle Text zwischen < strong > Markierungen rot angezeigt werden. Ändern Sie den Farbcode in den Code einer Farbe, die Sie verwenden möchten. Ersetzen Sie "stark" mit "b", wenn Ihre Website < b >-Tags verwendet, um Text Fett. Speichern Sie die CSS-Datei.

3 Laden Sie Ihre Webseite in einem Browser, dann überprüfen, ob das Fett in der gewählten Farbe angezeigt wird. Wenn einige fett formatiertem Text nicht die richtige Farbe ist, gehen Sie zurück zu Ihrer CSS-Datei und ändern Sie es wie folgt aussehen:

starke {Color: #ff0000! wichtig;}

Ihre Website möglicherweise bereits Formatvorlagen für Fettformatierung von Text in einem anderen Teil der CSS-Datei oder direkt in das HTML-Tag gesetzt. So genannte "Inline-Styles"-Tags in die HTML-Datei direkt zugewiesen werden gegeben Präferenz durch den Browser, daher der Begriff "überlappenden". "Wichtige" Erklärung werden alle CSS-Regeln außer Kraft gesetzt.

Tipps & Warnungen

  • < b >-Tag gilt als überholt. Verwenden Sie das < strong > Tag für fett formatierten Text in HTML. Die meisten Browser Stil < strong > Tags in fetter Schrift standardmäßig. Vermeiden Sie die Verwendung von Inline-CSS - Verwendung von CSS in HTML-Tags - Ihre Website Stile überschaubar zu halten und Code-Konflikte zu vermeiden, die ungerade Stil Ergebnisse liefern.

SIE KÖNNEN AUCH GERNE