Heim > Web-Frontend > CSS-Tutorial > So legen Sie die Textschriftfarbe in CSS fest

So legen Sie die Textschriftfarbe in CSS fest

php中世界最好的语言
Freigeben: 2017-12-01 15:10:13
Original
5236 Leute haben es durchsucht

Was wir hier vorstellen möchten, ist, was in den Farbeinstellungen von Webseiten enthalten ist;

1. Zu den häufig verwendeten Farben gehören: Schriftfarbe, Hyperlinkfarbe, Hintergrundfarbe der Webseite, Rahmenfarbe

2. Farbspezifikationen und Farbvorschriften: Webseiten verwenden Farben im RGB-Modus

Die Verwendung von Farbe auf Webseiten ist ein wesentliches Element von Webseiten. Der Zweck der Verwendung von Farben besteht darin, unverwechselbar, dynamisch (insbesondere in Hyperlinks) und schön zu sein. Gleichzeitig ist Farbe auch eines der Stilausdruckselemente verschiedener Webseiten. Erfahren Sie mehr über CSS-Schriftfarben.

Vergleich von traditioneller HTML-Farbe und CSS-Farbe unter W3C-Standard und DIV-CSS-Anwendungsfarbe

CSS-Farbsyntax:

Farbe:#000000;

Fügen Sie den RGB-Farbwert (#FFFFFF, #000000, #F00) direkt nach der Farbe im CSS-Stil hinzu

Der RGB-Farbwert wird beim eigentlichen Layout ermittelt und kann mit Photoshop (kurz PS) ermittelt werden. Kommissionierwerkzeug.

Farbstil im DIV-Tag verwenden

div

Farbstil im CSS-Selektor verwenden CSS-Code:

.div{color:#00F}

/* Stellen Sie den Text im Objekt-Div auf Blau ein*/

DIV+CSS-Farbstil vollständiger Fall :

CSS-Code:

.div{color:#00F} /* Stellen Sie den Text im Objekt-Div auf Blau ein*/

Verwenden Sie Farbe in den obigen Tags Stile und CSS-Code verwenden den Farbstil.

Die Textfarbsteuerung ist dieselbe.

Wenn die Textfarbe von herkömmlichem HTML und CSS gleich ist, verwenden Sie einfach „Farbe:“ + „RGB-Farbwert“. Legen Sie den CSS-Attributselektor entsprechend fest, indem Sie „color:#000;“ hinzufügen.

Unterschiede in den Einstellungen für die Hintergrundfarbe von Webseiten

Traditionell wird die Hintergrundfarbe mit „bgcolor=Farbwert“ festgelegt, während in CSS „Hintergrund:“ + Farbwert verwendet wird. Beispiel: Stellen Sie den Hintergrund auf Schwarz ein, herkömmliche HTML-Einstellungen, d " im entsprechenden CSS-Selektor. durchführen.

Legen Sie den Randfarbunterschied fest

Traditionelles „bordercolor=value“, CSS „border-color:“ + Farbwert. Beispiel: Fügen Sie in herkömmlichem HTML einfach „bordercolor="#000"“ hinzu. Legen Sie im aktuellen CSS „border-color:#000;“ fest Stil (gestrichelt, implementiert).

Die 16 Schlüsselwörter stammen aus der Windows VGA-Palette: Aqua, Schwarz, Blau, Fuchsia, Grau, Grün, Grau, Kastanienbraun, Marineblau, Oliv, Lila, Rot, Silber, Cyan, Weiß, Gelb.

RGB-Farbe bietet eine von vier Methoden

1. #rrggbb (z. B. #00cc00) (es wird dringend empfohlen, dies zur Darstellung von Farbwerten zu verwenden)

2. #RGB (z. B. #0c0)

3. RGB(十中,x,x) x ist eine inklusive Ganzzahl zwischen 0 und 255 (z. B. RGB(0,204,0))

4 . RGB (Ÿ%, Ÿ%, Ÿ%), wobei y eine inklusive Größe zwischen 0,0 und 100,0 ist (z. B. RGB (0 %, 80 %, 0 %))

Verwenden Sie den CSS-Stil, um die festzulegen Farbstil des Objektinhalts. Wir können benannte CSS-Klassenobjekte verwenden, um den Farbstil festzulegen, und den Farbstil auch direkt im HTML-Tag festlegen. Oben haben wir auch diese beiden Methoden zum Festlegen von Farben für Textinhalte ausführlich vorgestellt und geübt.


Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So verwenden Sie das Transformationsverlaufsattribut in CSS3

Schritte zur Optimierung von HTML5-Formularen mit CSS3

Detaillierte CSS3-Einführung in das Übersetzungsattribut

Das obige ist der detaillierte Inhalt vonSo legen Sie die Textschriftfarbe in CSS fest. 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