CSS Font Color-Hilfe

June 26

CSS Font Color-Hilfe

CSS ist ein sehr mächtiges Werkzeug in der Website-Erstellung. Es ermöglicht Ihnen die Gesamtdarstellung und sogar Layout einer Website mit nur wenigen Codezeilen umfangreiche Änderungen und kann sowohl die Arbeit der Codierung einer Website und den fertigen Code Herkunftsbelegen optimieren. Ändern der Farbe von einem TextBlock ist eine der einfachsten Dinge, die Sie tun können, erfordern in der Regel weniger als eine komplette Reihe von zusätzlichen Code in CSS.

Definieren von Farben in CSS

Sie können eine Farbe auf drei Arten in CSS definieren. Handelt es sich um eine Grundfarbe, können Sie oft einfach die standard-Namen für es im Code schreiben. Andernfalls können Sie benutzen entweder einen Hexadezimal-Code sieht wie eine Hashmarkierung gefolgt von sechs alphanumerischen Zeichen, oder ein Rgb-Wert des Textes "Rgb" folgte eine Reihe von Klammern, enthält drei Zahlen ohne Leerzeichen besteht, die durch Kommas voneinander getrennt. Es ist völlig bis zu persönlichen Vorlieben, die Sie verwenden. Siehe Abschnitt Ressourcen für ein online-Tool helfen Sie hexadezimale Codes oder Rgb-Werte zu generieren.

Einzelne Absätze

Ändern die Schriftfarbe des einen einzelnen Absatz mit CSS ist so einfach wie das Hinzufügen von ein wenig Extra Code zu diesem Absatz das Absatz-Tag (< p >) öffnen. Fügen Sie ein Leerzeichen nach dem p und der Code-Stil = "" unmittelbar vor der schließenden Klammer. Sie können dann die Farbe hinzufügen, die den Text zwischen den Anführungszeichen (in jedem der drei Formen) werden soll. Das Style-Attribut ist ein kleines Stück der CSS-Code direkt in den HTML-Code eingefügt, und wirkt sich nicht alles, was außerhalb der Absatztags, die, denen es hinzugefügt wird.

Gesamten Text

Um die Farbe des gesamten Textes auf einer Seite (bzw. eine separate CSS-Datei, alle den Text auf jeder Seite, die mit dieser Datei-Seiten) zu ändern, fügen Sie eine neue Zeile innerhalb Ihrer CSS (entweder im Kopf der HTML-Datei oder in separaten CSS-Datei). Dieser Code sollte wie folgt aussehen: p {Color:;}. Legen Sie die Farbe der Text (in einer der Formen) unmittelbar vor dem Semikolon sein soll.

Mehrere Absätze

Sie können auch einige Absätze, aber nicht alle von ihnen, die Farbe ändern, auf einfachere Weise als einzeln hinzufügen das Style-Attribut zu jedem Absatz-Tag, den Sie ändern möchten. Hierzu geben Sie exakten denselben Code in CSS wie zum Ändern des Textes, mit der Ausnahme hinzufügen, einem Punkt und einem Klassennamen (es kann sein, jedes einzelne Wort soll), ohne Leerzeichen nach dem "p". Beispielsweise wenn Sie blauen Text wollte und die Klasse "Bluetext" genannt, Ihr Code würde folgendermaßen aussehen: p.bluetext {Color: Blue;}. Fügen Sie dann die Codeklasse = "Bluetext" in der ersten Ziffer Tag jedes Textblocks zu ändern, so dass sie so aussehen: < p-Klasse = "Bluetext" >. Auf diese Weise wollen Sie diese ändern alle später erneut, oder Sie haben einen komplexen hexadezimalen Wert anstelle eines Farbnamens eingeben, die Codierung ist viel einfacher für Sie.