Heim >Web-Frontend >HTML-Tutorial >Zusammenfassung der Farbverwendung in HTML und CSS
In HTML kann eine Farbe auf die folgenden drei Arten dargestellt werden: Farbname, RGB-Wert oder HEX-Wert. In der tatsächlichen Entwicklung können Sie mit Farben viele Dinge tun. Sie können auch den Farbeffekt der Schriftart anpassen, um einen Verlaufseffekt zu erzielen. Sie können auch CSS-Attribute verwenden, um verschiedene gewünschte Farbeffekte für Rahmen, Schriftarten, Bilder usw. festzulegen. In diesem Artikel wird hauptsächlich die Verwendung von Farben in HTML und CSS vorgestellt.
Sie können zunächst kostenlose Kurse im Zusammenhang mit der chinesischen PHP-Website erlernen
1. Lernen Sie„HTML/CSS-Schnellstart“ Farbe und Klassifizierung Kapitelkurse
2. Sehen Sie sich „Dark Horse Programmer HTML Video Tutorial“ an Codes für Farben Video-Tutorial
HTML, Farbverwendung in CSS
1. HTML-Nummerierungswerte verschiedener gängiger Farben (Sammlung)
In HTML kann eine Farbe durch Farbnamen, RGB-Wert oder dargestellt werden HEX-Wertdarstellung. Die drei RGB-Variablen RGB (Rot, Grün, Blau) sind die Konzentrationen der drei Primärfarben (0 bis 255). Beispiel: RGB (255,0,0), Rot, RGB (0,0,0), Schwarz, RGB (255,255,255). weiß HEX hexadezimal steht für sechzehn Dezimalsystem: 0~255 Konvertierung in hexadezimal: 00~FF
2 beim Spielen mit HTML5 (2) – Beim einfachen Zeichnen haben wir erwähnt, dass es zwei kontextbezogene Attribute gibt, die zum Festlegen von Farben verwendet werden können: StrokeStyle bestimmt die Farbe der Linie, die Sie gerade zeichnen
fillStyle bestimmt die Farbe des Bereichs, den Sie aktuell füllen möchten
Der Farbwert kann eine gültige Zeichenfolge sein, die dem CSS3-Farbwertstandard entspricht.
3.
Detaillierte Erläuterung des Beispielcodes für die Verwendung des CSS3 RGBA-FarbmodusDer RGBA-Farbmodus ist eine Erweiterung des RGB-Farbmodus, der basierend auf den drei Primärfarben hinzugefügt wird aus Rot, Blau und Grün. Die Syntax lautet wie folgt: rgba (r, g, b,
wobei r, g, b die Proportionen der drei Primärfarben Rot, Blau, und grün. Der Wert kann eine Ganzzahl oder ein Prozentsatz sein. Der positive Ganzzahlwert liegt im Bereich von 0,0 % bis 100,0 %. Werte außerhalb des Bereichs werden auf die nächste Wertgrenze abgeschnitten. Beachten Sie, dass nicht alle Browser die Verwendung von Prozentwerten unterstützen. Der vierte Parameter
CSS3-Verlauf ist in linearen Verlauf (linear) und radialen Verlauf (radial) unterteilt ). Da verschiedene Rendering-Engines unterschiedliche Syntax für die Implementierung von Farbverläufen haben, analysieren wir hier nur die Verwendung basierend auf der W3C-Standardsyntax für lineare Farbverläufe. Für den Rest können Sie sich auf relevante Informationen beziehen. Die W3C-Syntax wird von Browsern wie IE10+, Firefox19.0+, Chrome26.0+ und Opera12.1+ unterstützt. 5.
Hochwertiges Webdesign: Beispiele und Tipps Nr. 6 (Das volle Potenzial der Farbe nutzen)Der Sommer in Tennessee (Tennessee Summer Tour) ist ein Lebendiger, heller und sehr warmer Ort. Alles scheint darauf ausgelegt, Sommeraktivitäten zu fördern. Die Website verwendet eine breite Palette hochgesättigter Farben in unterschiedlichen Farbtönen, aber jede Farbe trifft genau ins Schwarze und keine ist für das Thema ungeeignet. Die Farbkombination eines hochwertigen Designs muss in engem Zusammenhang mit der Dienstleistung oder dem Produkt stehen, die es präsentieren soll. Gutes Design erfordert nicht immer große Anstrengungen, um überraschende Farben auszuwählen. Die Farben, die am offensichtlichsten sind und verwendet werden sollten, können bessere Effekte erzielen. Zum Beispiel, Hell Design (Hell Design), es ist einfach unvernünftig, die feuerrote Farbe, die die Hölle symbolisiert, nicht zu verwenden. 6.
CSS3-Tutorial (3): Rahmenfarbe für WebseitenVerwenden Sie die Eigenschaft „border-radius“ von CSS3, wenn Sie die Breite des Rahmens festlegen auf X px , dann können Sie an diesem Rand X-Farben verwenden, wobei jede Farbe eine Breite von 1 Pixel aufweist. Wenn Ihr Rahmen 10 Pixel breit ist, aber nur 5 oder 6 Farben deklariert sind, wird die letzte Farbe zur verbleibenden Breite hinzugefügt. Verwandte Fragen und Antworten 2. Warum wird der HSL-Farbmodus von CSS3 selten verwendet? [Verwandte Empfehlungen] 1. Kostenloses Video-Tutorial auf der chinesischen PHP-Website: "php.cn Dugu Jiujian (2)-CSS-Video-Tutorial" 2. Kostenloses PHP-Tutorial für chinesische Websites: „Lernen Sie HTML+CSS an Ihren Fingerspitzen“
Das obige ist der detaillierte Inhalt vonZusammenfassung der Farbverwendung in HTML und CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!