Arkusze stylów kaskadowych (CSS) to język używany do stylizacji stron internetowych napisanych w HTML i XML. Te arkusze stylów składają się z ogromnej ilości nieruchomości, które można wykorzystać do poprawy wyglądu stron internetowych. Te właściwości są przydatne podczas formatowania elementów strony internetowej. W tym zapisie skupimy się konkretnie na właściwościach używanych do stosowania koloru i koloru tła do tekstu na stronie internetowej.

Najpierw przyjrzymy się kolorowej właściwości CSS, której można użyć do zastosowania koloru tekstu pojawiającego się na stronie internetowej.

Kolor tekstu

Możesz zastosować kolor do tekstu na stronie internetowej za pomocą koloru właściwości CSS. Mogą istnieć trzy podejścia do zastosowania koloru do tekstu, które są następujące.

1. Użyj nazwy koloru

Najprostszym sposobem zastosowania koloru do tekstu jest użycie nazwy koloru. CSS obsługuje w sumie 140 nazw kolorów, takich jak czerwony, żółty, bordowy, skyblue itp. Na przykład,

H1
kolor niebieski;

2. Użyj kodu koloru sześciokątnego

Kody te oznaczają intensywność koloru podstawowego i są napisane za pomocą trzech par znaków. 00 reprezentuje najniższą intensywność koloru pierwotnego, a FF reprezentuje najwyższą intensywność koloru pierwotnego. Na przykład kod sześciokrążeniowy to #FF0000, Blue Is #0000FF, Brown to #964B00 itp.

H1
Kolor: #0000ff;

3. Użyj wartości RGB

RGB to model kolorów, który składa się z trzech podstawowych kolorów czerwonych, zielonych i niebieskich. Zakres wartości tych kolorów wynosi od 0 do 255. 0 reprezentuje najniższą intensywność koloru pierwotnego, a 255 reprezentuje najwyższą intensywność koloru pierwotnego. Wartość RGB niebieskiego wynosi (0,0,255), czerwony (255,0,0), żółty to (255 255,0) itp.

H1
Kolor: RGB (255,255,0);

Zobaczmy przykład zastosowania koloru do różnych elementów HTML.

Przykład
W poniższym przykładzie zademonstrowaliśmy wszystkie wyżej wymienione podejścia do stosowania kolorów do różnych elementów HTML przy użyciu koloru właściwości CSS.

Ten nagłówek jest zielony

Ten nagłówek jest niebieski

Ten akapit jest czerwony

Wyjście

Kolor

element jest ustawiony na zielony za pomocą podejścia kodu sześciokątnego, kolor

element jest ustawiony na niebieski za pomocą podejścia i koloru koloru

Element jest ustawiony na czerwony przy użyciu podejścia do wartości RGB.

Teraz, gdy mamy podstawowe zrozumienie zastosowania koloru do tekstu, spróbujmy zrozumieć, jak zastosować kolor tła do elementów na stronie internetowej.

Kolor tła
Możesz zastosować kolor tła do elementów na stronie internetowej, używając właściwości w kolorze tła CSS. Można to zrobić przy użyciu trzech podejść wymienionych w powyższej sekcji. Zobaczmy przykład.

Przykład
W poniższym przykładzie zademonstrowaliśmy zarówno właściwość kolorów, jak i właściwość w kolorze tła CSS.

To jest akapit

Kliknij

W powyższym użyliśmy trzech różnych podejść (nazwa koloru, kod sześciokątny, wartość RGB), aby nadać kolor tekstu i kolor tła trzem różnym elementom (i).

Wyjście

Korzystanie z właściwości koloru i koloru tła wszystkie trzy elementy są stylizowane.

Wniosek

Korzystając z właściwości koloru i koloru tła CSS, możesz zastosować kolory i kolory tła do tekstu w dokumencie HTML. Kolor można określić za pomocą nazwy koloru, kodu sześciokątnego koloru lub wartości RGB koloru. Zakres wartości kodu sześciokątnego wynosi 00 do FF, podczas gdy zakres wartości wartości RGB wynosi od 0 do 255. Te zakresy reprezentują intensywność kolorów podstawowych. Ten zapis podkreśla właściwości kolorów i koloru tła CSS za pomocą odpowiednich przykładów.